webpack5 与webpack4 之间差别

1.terserPlugin

webpack4 上需要下载安装 terser-webpack-plugin 插件，并且需要配置，
webpack5 上生产模式下默认开启压缩，开发环境也可以按如下配置

// webpack.config.js中
optimization: {
　　usedExports: true, //只导出被使用的模块
　　minimize : true // 启动压缩
}

2.hard-source-webpack-plugin
webpack4 需要下载并在plugin里配置

webpack5 自带配置即可，

// webpack.config.js
module.exports= {
// 使用持久化缓存
　　cache: {
　　　　type: 'filesystem'，
　　　　cacheDirectory: path.join(__dirname, 'node_modules/.cache')
　　}
}

3.devtool差别

v4: devtool: 'cheap-eval-module-source-map'

v5: devtool: 'eval-cheap-module-source-map'

巴特西

webpack5 与webpack4 之间差别

最新文章

热门文章