webpack 打包出现 if (false) {}

• Z时代
• 2024-02-29
• 分类：IT

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

回答：

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

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

回答：

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

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

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

回答：

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

webpack 官网介绍

const TerserPlugin = require("terser-webpack-plugin");
module.exports = {
  optimization: {
    minimize: true,
    minimizer: [new TerserPlugin()],
  },
};

以上是 webpack 打包出现 if (false) {} 的全部内容， 来源链接： utcz.com/p/936731.html