webpack 打包出现 if (false) {}

Question

vue项目用webpack 打包后 代码里面大量出现了 if(false) {} 这样的条件语句, 可以在打包时配置去掉吗

Answer 1

提供代码截图。webpack 配置及版本。

你看到的是压缩前的吧？压缩后应该会执行 tree-shaking，看一下是不是就没了

Answer 2

是否使用了 process.env.NODE_ENV 来进行环境判断？

if (process.env.NODE_ENV === 'development') {
    // do something...
}

假设打包时为生产环境，process.env.NODE_ENV === 'development' 将会被静态替换为结果 false

Answer 3

打包时使用 webpack 推荐的 TerserPlugin 就可以优化掉，

webpack 官网介绍

const TerserPlugin = require("terser-webpack-plugin");

module.exports = {
  optimization: {
    minimize: true,
    minimizer: [new TerserPlugin()],
  },
};