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'
标签:webpack5,webpack4,devtool,module,source,webpack,差别 From: https://www.cnblogs.com/xiaoyaoweb/p/16720094.htmlv5: devtool: 'eval-cheap-module-source-map'