❤
npm
Sign UpSign In

generate-asset-webpack-plugin

0.3.0 • Public • Published

generate-asset-webpack-plugin

Sometimes you dynamically want to create files while having access to all the Webpack compilation info.

Install

npm install --save-dev generate-asset-webpack-plugin

Usage

var GenerateAssetPlugin = require('generate-asset-webpack-plugin');
 
var webpackConfig = {
    plugins: [
        new GenerateAssetPlugin({
            filename: 'index.html',
            fn: (compilation, cb) => {
                cb(null, createHtml(compilation));
            },
            extraFiles: ['favicon.ico']
        })
    ]
    // other webpack config ...
}

Example function using the compilation:

function createHtml(compilation) {
    var chunk = compilation.chunks[0];
    var jsFile = chunk.files[0];
    var cssFile = chunk.files[1];
    return `<!DOCTYPE html>
        <html>
            <head>
                <meta charset="utf-8">
                <title>Awesome!</title>
                <link rel="stylesheet" href="${cssFile}">
            </head>
            <body>
                <div id="app"></div>
                <script src="${jsFile}"></script>
            </body>
        </html>
    `;
};

Dependencies (0)

    Dev Dependencies (1)

    Package Sidebar

    Install

    npm i generate-asset-webpack-plugin

    Repository

    github.com/kjbekkelund/generate-asset-webpack-plugin

    Homepage

    github.com/kjbekkelund/generate-asset-webpack-plugin#readme

    Weekly Downloads

    528

    Version

    0.3.0

    License

    MIT

    Last publish

    Collaborators

    • kimjoar
    Try on RunKit
    Report malware