首页 > 其他分享 >webpack5 与webpack4 之间差别

webpack5 与webpack4 之间差别

时间:2022-09-22 17:25:28浏览次数:89  
标签:webpack5 webpack4 devtool module source webpack 差别

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,devtool,module,source,webpack,差别
From: https://www.cnblogs.com/xiaoyaoweb/p/16720094.html

相关文章