webpack文件压缩

HTML

html-webpack-plugin

const HTMLWebpackPlugin = require("html-webpack-plugin");

new HTMLWebpackPlugin({
            template:path.join(__dirname,'src/index.html'),//待压缩的文件路径
            filename:'index.html',//打包后的文件名称
            chunks:["index"],
            inject:true,
            minify:{//是否使用文件压缩
                html5:true,
                collapseWhitespace:true,
                preserveLineBreaks:false,
                minifyCSS:true,
                minifyJS:true,
                removeComments:false
            }
        })

CSS

使用optimize-css-assets-webpack-plugin和cssnano

const OptimizeCSSAssetsWebpackPlugin = require("optimize-css-assets-webpack-plugin");
plugins:[
        new OptimizeCSSAssetsWebpackPlugin({
            assetNameRegExp:/\.css$/g,
            cssProcessor:require('cssnano')
        })
    ]

JS

webpack4已经内置了uglifyjs-webpack-plugin插件，自动压缩js文件，也可以自定安装，设置压缩相关参数