将 webpack 与 'react-hot'、'babel-loader' 一起使用

Question

我有一个 webpack.config 装载器是这样的：

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

我排除了 node_modules 因为 react-hot 的其他方式会遇到麻烦说 this

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

我如何管理每个加载器的排除？

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 and react-hot-loader 都建议尽可能使用 include 而不是 exclude。

将 webpack 与 'react-hot'、'babel-loader' 一起使用

Using webpack with 'react-hot', 'babel-loader'

reactjs

webpack