Question

我注意到，在设置他的代码以使用Babel时，这个medium author使用了exclude.

但是我继承的代码使用include。

更令人困惑的是我的CSS加载器也不使用任何一个。

我一直以为Webpack从entry点开始，并根据文件结构等建立了依赖关系图。

我在官方文档中找到的最接近的东西是this page。

我当前的代码如下：

// loaders and plugins
module: {

  // note that after matching the regular expression css-loader will run before style-loader
  rules: [
    {
      test: /\.css$/,
      use: [ 'style-loader', 'css-loader' ]
    },
    {
      test: /\.jsx?/,
      include: SRC_DIR,
      loader: 'babel-loader',
      query: {
        plugins: ["transform-object-rest-spread", "transform-class-properties"],
        presets: ['react', 'es2015']
      }
    }
  ]
}

Answer 1

不幸的是，这些属性没有得到很好的记录。请参阅include here的文档。

但是，您可以创建一个最小的配置示例并确定其工作方式。

通常，它们用于装载程序，并告诉Webpack为该特定装载程序进行编译时要包括或排除的文件。

Answer 2

以下是每个配置项的明细：

入口：这是您应用的入口，可以是字符串，数组或对象
包括：这与加载器有关，例如使用babel进行转换，并非您的所有代码都需要进行转换，因此您可以指定应该进行的转换。
排除：同样，这与加载程序有关，因此，如果您的目录中包含要使用babel进行转换的代码，但是不需要转换的子目录，则可以在此处将其排除< / li>

如何在Webpack中包含和排除工作？

2 个答案: