使用webpack与＆＃39; react-hot＆＃39;，＆＃39; babel-loader＆＃39;

Question

我有一个带有这样的加载器的webpack.config：

   loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loaders: [ 'react-hot', 'babel-loader' ]
      },
      {
        exclude: /node_modules/,
        loader: 'eslint-loader',
        test: /\.js$/
      }
    ],

我排除了node_modules，因为反应热的其他方式会出现问题this

我的问题是：通过排除node_module，需要babel-loader的私有npm包不会被加载到bundle中。

如何管理每个装载机的排除？

Answer 1

您可以使用include属性作为加载程序而不是exclude。例如：

loaders: [
  {
    test: /\.js$/,
    include: [
      path.resolve(__dirname, "app/src"),
      // some module in node_modules folder
    ],
    loaders: [ 'react-hot', 'babel-loader' ]
  },
  ...
],

请注意，webpack和react-hot-loader建议尽可能使用include而不是exclude。