问webpack加载器和包括

EN

在webpack的配置中有多项配置，重要的有

1. entry -可以是数组，也可以是定义要捆绑的资产的入口点的对象，也可以是js，因为这里的测试说明只对/.js$执行此操作。如果您的应用程序有多个入口点，请使用数组。loader.
2. exclude包含-定义导入文件将由places).
3. output转换的路径或文件集不言而喻(请勿转换来自这些

的文件-您想要创建的最终

1. 。如果您指定例如

输出：{文件名："name.bundle.js"，供应商："react“}

然后，您的应用程序js文件将被捆绑为main.bundle.js，并在vendor.js文件中进行反应。如果在html页中不同时使用这两种方法，则是错误的。

希望能有所帮助

这些文档帮助我更好地理解。看起来这是针对webpack 1的，但仍然适用。

https://webpack.github.io/docs/configuration.html#module-loaders

加载器

自动应用的加载器数组。

每个项目都可以具有以下属性：

• test:必须为met
• exclude:的条件
• include:不能满足的条件对于路径或文件数组，其中导入的文件将由加载器进行转换
• loader:字符串“！”separated loaders
• loaders: a array of loaders as string

(字符串分离的加载器将加载器的数组命名为string)

这个例子帮助我理解了到底是怎么回事。看起来您可以使用include或exclude，但不能同时使用两者。测试是应用于所有文件的条件。因此，如果包含文件夹，则每个文件都必须通过测试条件。我没有验证这一点，但根据文档提供的示例，它看起来是如何工作的。

    module: {

      rules: [
        {
          // "test" is commonly used to match the file extension
          test: /\.jsx$/,

          // "include" is commonly used to match the directories
          include: [
            path.resolve(__dirname, "app/src"),
            path.resolve(__dirname, "app/test")
          ],
          // "exclude" should be used to exclude exceptions
          // try to prefer "include" when possible

          // the "loader"
          loader: "babel-loader" // or "babel" because webpack adds the '-loader' automatically
        }
      ]

    }

1)正确。

2)正确。

3)正确。

4)我不确定。我的webpack.config.js文件包含一个输出键，并将其全部打包到一个文件中：

output: {
    path: path.resolve(__dirname, 'build'),
    filename: 'bundle.js'
}

5)正确。

6)这将告诉babel-loader您希望它执行哪种类型的转换，以及其他编译选项。因此，例如，如果您希望它也传输jsx +缓存结果以提高性能，您可以将其更改为：

query: {
    presets: ['react', 'es2015'],
    cacheDirectory: true
}