Question

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

我将 openAnalyzer 选项设置为false，以不使用默认浏览器打开报告。不知道为什么它不起作用。即使我提到它为假，仍然会在默认浏览器中打开报告。

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"
  })

然后在启动服务/构建（如果不是自动完成）时通过一个环境模式切换，如下所示：

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

webpack-bundle-analyzer.openAnalyzer选项不起作用

1 个答案: