Question

在＆＃34; webpack.config.js＆＃34;，如果我们需要使用加载器，通常我们将使用＆＃34; include＆＃34;和＆＃34;排除＆＃34;包含或排除某些文件。这里的问题是为什么？

因为我们已经有了＃34;条目＆＃34;在我们的＆＃34; webpack.config.js＆＃34;中，然后webpack将所有相关文件转换为目标文件＆＃34; bundle.js＆＃34;递归。加载器将转换相关文件。换句话说，加载器已经知道将转换哪些文件。那么为什么我们仍然需要＆＃34;包括＆＃34;和＆＃34;排除＆＃34;在每个装载机？

常规webpack.config.js将包括：

var path = require('path');

module.exports = {
  entry: [
    './index.js'
  ],
  output: {
    path: path.join(__dirname,"public"),
    filename: 'bundle.js'
  },
  module: {
    loaders: [{
      test: /\.js$/,
      loader: 'babel',
      exclude: /node_modules/,
      query: {
          presets: ['es2015']
        }
    }]
  }
};

以上面为例，为什么我们需要＆＃34;排除：/ node_modules /＆＃34;？

如果我没有指定＆＃34;包括＆＃34;或＆＃34;排除＆＃34;，什么样的＆＃34; .js＆＃34;文件将被包括在内？＆＃34;包括＆＃34;或＆＃34;排除＆＃34;递归工作？

由于

德里克

Answer 1

How "include" and "exclude" works in webpack loader

简单地说，entry.js将包含所有导入/必需的文件。但在这些文件中，只有少数文件需要转换。这就是“装载机”引入“包含”和“排除”的原因。

怀疑＆＃34;进入＆＃34;，＆＃34;包括＆＃34;和＆＃34;排除＆＃34; webpack

1 个答案: