webpack 加载器并包含

我是 webpack 的新手，我正在尝试了解加载器及其属性，例如测试、加载器、包含等。

这是我在 google 中找到的 webpack.config.js 的示例片段。

module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [
          path.resolve(__dirname, 'index.js'),
          path.resolve(__dirname, 'config.js'),
          path.resolve(__dirname, 'lib'),
          path.resolve(__dirname, 'app'),
          path.resolve(__dirname, 'src')
        ],
        exclude: [
          path.resolve(__dirname, 'test', 'test.build.js')
        ],
        cacheDirectory: true,
        query: {
          presets: ['es2015']
        }
      },
    ]
}

1. 我对吗 test: /.js$/ 将仅用于扩展名为 .js 的文件？

2. 加载器：'babel-loader'，是我们使用 npm 安装的加载器

3. 其中包括：我对此有很多疑问。我们放入数组中的任何内容都会被转译，我说得对吗？这意味着，index.js、config.js 以及 lib、app 和 src 中的所有 *.js 文件都将被转译。

4. 更多问题包括：当文件被转译时，*.js 文件是否会连接成一个大文件？

5. 我认为排除是不言自明的。它不会被转译。

6. query: { Presets: ['es2015'] } 的作用是什么？

在 webpack 配置中有很多配置，最重要的是

• entry- 可以是一个数组或一个对象，定义要捆绑的资源的入口点，可以是一个 js，因为这里的测试表示仅针对 /.js$ 执行此操作。如果您的应用程序有多个入口点，则使用数组。

• include- 定义加载程序将在其中转换导入文件的路径或文件集。

• exclude- 不要从这些地方转换文件。

• output- 您要创建的最终捆绑包。例如，如果您指定

  output: {
    filename: "[name].bundle.js",
    vendor: "react"
  }
  

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

希望有帮助