从零到一搭建webpack 仅供学习参考 part6

最后一个部分,例如我们可能只有一个html页面,也不可能只有一个入口js,现在我们需要一个html对应文件名一样的js
创建一个demo.html 和demo.js

 entry: {
     
        index:'./src/js/index.js',
        demo:'./src/js/demo.js'
    },
    new HtmlWebpackPlugin({
     
            filename: 'pages/index.html',
            template: './src/pages/index.html',
            chunks:['index'],
             //压缩html代码
             minify: {
     
                collapseWhitespace: true,//移除空格
                removeComments: true//移除注释
            }
        }),
        new HtmlWebpackPlugin({
     
            filename: 'pages/demo.html',
            template: './src/pages/demo.html',
            chunks:['demo'],
             //压缩html代码
             minify: {
     
                collapseWhitespace: true,//移除空格
                removeComments: true//移除注释
            }
        }),

执行npm run build打包,打包后
从零到一搭建webpack 仅供学习参考 part6_第1张图片

你可能感兴趣的:(从零到一搭建webpack)