需要的东西
1 .压缩js代码,css代码
1 .terser-webpack-plugin:支持开启多进程进行压缩
optimization: {
minimize: true,
minimizer: [
new TerserPlugin({
parallel: 4, // 开启几个进程来处理压缩,默认是 os.cpus().length - 1
}),
],
},
作者:DARRELL
链接:https://juejin.im/post/5ea6ea1bf265da7bba5094e2
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
2 .之前使用的是uglifyjs-webpack-plugin,区别是这个对es6的压缩支持不是很友好
2 .拆分公共代码,分割第三方库等操作
3 .css前缀补齐
4 .移动端适配
{
loader: 'px2rem-loader',
options: {
remUnit: 75, // 1rem=多少像素
remPrecision: 8, // rem的小数点后位数
}
}
5 .图片,字体解析,较小资源自动转换base64
网友评论