使用Babel + webpack排除静态JS文件以进行编译

Question

我在新项目中使用 webpack 和 Babel 。在添加静态JS文件之前，一切都很有效。通常捆绑操作需要5秒钟。但添加OpenLayers库捆绑后大约需要420秒！ OpenLayers JS文件大小约为490 KB，并且已经过验证。所以它不需要编译。

我没有使用 Babel 进行测试，仅使用 webpack ，花了5秒钟。所以问题在于Babel编译。如何防止Babel不编译OpenLayers并将其添加到结果包文件中。我也可以使用其他外部JS文件以及OpenLayers。

Answer 1

您可以将其排除：

{
  // ...
  loader: 'babel-loader',
  exclude: /node_modules/ // exclude all package you install
}

您可以在https://webpack.js.org/configuration/module/#rule-exclude

中详细了解相关信息