webpack代码压缩

JS压缩

webpack4 内置了 uglifyjs-webpack-plugin

CSS压缩

使⽤ optimize-css-assets-webpack-plugin，同时使⽤ cssnano

plugins: [
	 new OptimizeCSSAssetsPlugin({
	assetNameRegExp: /\.css$/g,
	 cssProcessor: require('cssnano’)
	 })
]

HTML压缩

修改 html-webpack-plugin，设置压缩参数

plugins: [
    new HtmlWebpackPlugin({
	template: path.join(__dirname, 'src/search.html’),
	 filename: 'search.html’,
	chunks: ['search’],
	 inject: true,
	 minify: {
		 html5: true,
		collapseWhitespace: true,
		 preserveLineBreaks: false,
		minifyCSS: true,
		 minifyJS: true,
		 removeComments: false
		 }
	 })
]