Question

我从Google收到了有关我在网上商店中拥有的扩展程序的通知。

我们会定期检查Chrome网上应用店中的商品，以确保符合我们的计划政策，以确保我们的安全和可信赖的体验用户。（...）在审核过程中，发现您的物品是可疑并具有一个或多个文件，其中包含缩小或难以理解的混淆代码。

我使用webpack 4创建扩展包。而且我能够配置为不缩小也不混淆：

mode: "production",
optimization: {
  // We no not want to minimize our code.
  minimize: false,
},

问题在于依存关系（React，React-Dom和SweetAlert2）仍然最小。

按照以下说明SplitChunksPlugin，可以将依赖项移动到单独的文件中：

mode: "production",
optimization: {
  // We no not want to minimize our code.
  minimize: false,
  splitChunks: {
    // Add the dependencies in the vendors file
    cacheGroups: {
      react: {
        test: path.join(__dirname, "node_modules", "react"),
        name: 'react',
        chunks: 'all'
      },
      sweetalert2: {
        test: path.join(__dirname, "node_modules", "sweetalert2"),
        name: 'sweetalert2',
        chunks: 'all'
      }
    }
  }
},

问题在于依存关系仍然最小。我将模式修改为开发：

mode: "development",

但是它增加了很多评估和本地引用，并且仍然被缩小。

"use strict";
eval("/** @license React v16.4.2\n * react-dom.development.js\n *\n * (...)

是否可以使用webpack生成具有最小化依赖关系的项目？

npm webpack如何配置为使用非最小依赖

0 个答案: