@juanvp/page-spec-plugin

#PageSpec Webpack Plugin

Genera un archivo, por defecto llamado PageSpec.json, que contiene una especificación de los archivos js y css asociados las distintas entradas declaradas en la ejecución de Webpack.

Uso

Instalar el plugin mediante npm:

npm install page-spec-plugin --save-dev

En el archivo de configuración de webpack importar el plugin:

const PageSpecPlugin = require('page-spec-plugin').PageSpecPlugin;

En la configuración de plugins de Webpack instanciarlo y pasar el objeto de configuración como parámetro:

new PageSpecPlugin({
    filename: 'PageSpec.json',
    entries: {
        'main': {
            'favicon': './favicon.ico'
            'custom': {
                'title': 'My App',
                'root-component': 'app'
            }
        }
    }
})

El archivo PageSpec.json tendrá esta estructura:

{
    "main": {
        "js": [
            "/dist/polyfills.bundle.js",
            "/dist/vendor.bundle.js",
            "/dist/main.bundle.js"
        ],
        "css": [
            "/dist/Stylesheet.css"
        ],
        "favicon": "/dist/favicon.ico",
        "custom": {
            "title": "My App",
            "root-component": "app"
        }
    }
}

Los archivos js, por defecto, se ordenan topológicamente por dependencia.