javascript - webpack 排除属性与 webpack-node-externals 包

Question

在 webpack 服务器配置文件中，

module: {
    rules: [
      {
        test: /\.js?$/,
        loader: "babel-loader",
        exclude: /node_modules/,
      }
    ]
  }

exclude 表示不编译那些目录，在本例中它只是 node_modules。然而，还有 webpack-node-externals 包。

const nodeWebExternals = require("webpack-node-externals");
  externals: [nodeWebExternals()],

module.exports 对象中的外部属性将告诉 webpack 不要将任何库捆绑到服务器上的输出包中，如果该库存在于 node-modules 文件夹中的话。

这两者有什么区别？

Answer 1

exclude 选项告诉 babel-loader 不要在 node_modules 文件夹内转换(现代语法到 es5)。如果没有 externals 部分，webpack 将不会转换语法，但会将正在使用的每个 node_module bundle 到最终 bundle。

通常当捆绑服务器代码时，不需要捆绑 node_modules 因为它作为文件夹存在于服务器中，因此，您告诉 webpack 标记那些模块作为 externals，它将生成一个常规 Node require 到模块而不是模块代码。