1

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

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

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

谁可以帮我这个事。我正在使用web-pack4

谢谢

4

1 回答 1

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
于 2019-07-25T23:24:04.897 回答