webpack-捆绑分析器. option选项不工作

Question

我在VUE应用程序中使用webpack-bundle-analyzer库。我在我的vue.config.js中编写了以下代码片段。

我将openAnalyzer选项作为false传递给默认浏览器中不打开报表。不知道为什么不行。即使我提到它为false时，默认浏览器中的report也会打开。

plugins: [
      new BundleAnalyzerPlugin({
        analyzerMode: 'static',
        openAnalyzer: false,
      }),
    ],

有人能帮我吗。我使用的是web-pack4

谢谢

Answer 1

使用analyzerMode: "disabled"代替。脏，但修复了问题，例如，如果您只想在为生产构建时才运行它：

const WebpackBundleAnalyzer = require("webpack-bundle-analyzer")
  .BundleAnalyzerPlugin;
const AnalyzerMode = function() {
  return process.env.NODE_ENV === "production" ? "static" : "disabled";
};

//其他配置内容

new WebpackBundleAnalyzer({
    // openAnalyzer: false, // line useless since it's broken
    analyzerMode: AnalyzerMode(), //static, disabled, server
    reportFilename: "BundleAnalyzerReport.html"
  })

然后在启动serve/build时传递env模式开关(如果不是自动完成的话)，如下所示：

vue-cli-service serve --mode development
vue-cli-service build --mode production