webpack4 tree-shaking 无效

Question

webpack4 tree-shaking,我按官方的文档来配置，将mode设置为production，但是并没有优化我的代码，我的app.js只引入util.js的a()方法,但是打包的时候，util的其他方法也被打包了，求大神指教，

Answer 1

在配置文件的js配置参数将modules改为false即可，options:{preset:[['babel-preset-env'],{modules:false}]}

Answer 2

你可能是使用了OptimizeCSSAssetsPlugin， 那么就加上TerserPlugin ，代码如下：

const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');
...

optimization: {
    minimizer: [
      new OptimizeCSSAssetsPlugin(),
      new TerserPlugin()
    ]
  }

之后tree shaking就会生效，当然将minimizer内的插件都清空，tree shaking也有效

Answer 3

你好，这个问题解决了吗？遇到了同样问题

按照如下官方配置 https://www.webpackjs.com/gui...

Answer 4

我也遇到了同样的问题，楼上的解释能不能详细点，找不到地方。