4

我正在通过 Webpack 推送一个相当大的应用程序，它从两个库文件夹中提取：第三方和 node_modules。我已经为 js 文件设置了这样的规则：

{
    test: /\.js$/,
    loader: 'babel-loader',
    include: [
      /src\/js\/client/
    ],
    exclude: [
      /node_modules/,
      /thirdparty/
    ]
  }

我希望 webpack 不会解析这两个目录中的任何一个下的任何文件夹，但是我收到了库的错误。例如：

WARNING in ./~/durandal/js/system.js
51:8-15 Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

WARNING in ./~/durandal/js/system.js
52:8-15 Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

ERROR in ./~/durandal/js/system.js
Cannot statically analyse 'require(..., ...)' in line 278
 @ ./src/js/client/lib/durandal/overrides/views.js 2:0-37
 @ ./src/js/client/index.js

我是否误解了包含/排除的功能，或者这是 Webpack 的错误？

4

1 回答 1

1

这些规则并不决定 webpack 正在解析哪些文件，而是它们仅适用于包含并满足条件的文件。即使您根本没有规则，webpack 仍然会解析相同的文件，因为您将它们导入到某个地方。

您可以将模块排除在与该externals选项捆绑的范围之外。这些外部必须以某种方式在运行时出现（例如加载到<script>标签中）。

如果你只是想让 webpack 不解析文件，但仍然包含它们，你可以配置module.noParse. 但正如文档所述，它们不应包含任何导入。

于 2017-05-13T11:55:26.950 回答