Open hubvue opened 5 years ago
webpack内置了uglifyjs-webpack-plugin插件,这个插件可以对JavaScript文件进行压缩,在生产环境构建的时候默认开启。
uglifyjs-webpack-plugin
webpack压缩css代码可以通过optimize-css-assets-webpack-plugin + cssnano来进行
optimize-css-assets-webpack-plugin
cssnano
new OptimizeCssAssetsWebpackPlugin({ assetNameRegExp: /\.css$/, cssProcessor: require('cssnano'), cssProcessorPluginOptions: { preset: ['default', { discardComments: { removeAll: true } }] }, canPrint: true }),
webpack压缩HTML通过html-webpack-plugin这个神器插件进行。
html-webpack-plugin
new HtmlWebpackPlugin({ template: resolve('./views/index.html'), filename: 'index.html', inject: true, minify: { html5: true, collapseWhitespace: true, preserveLineBreaks: false, minifyCSS: true, minifyJS: true, removeComments: true } }),
更多的选项
JavaScript代码的压缩
webpack内置了
uglifyjs-webpack-plugin
插件,这个插件可以对JavaScript文件进行压缩,在生产环境构建的时候默认开启。CSS代码的压缩
webpack压缩css代码可以通过
optimize-css-assets-webpack-plugin
+cssnano
来进行HTML代码的压缩
webpack压缩HTML通过
html-webpack-plugin
这个神器插件进行。更多的选项