在 Babel 6 中使用 react-hot-loader

Question

我已经升级到 Babel 6 并试图让它与 react-hot-loader 一起工作，在 webpack.config 文件中，我有这个：

    loaders: [{
        test: /\.js$/,
        loaders: ['react-hot', 'babel'],
        include: path.join(__dirname, 'app'),
        query: {
            presets: ['react', 'es2015', 'stage-0']
        }
    }

上面的配置给出了这个错误：

Cannot define 'query' and multiple loaders in loaders list"

Webpack 可能会混淆查询是针对 react-hot-loader 还是 babel。

我该如何解决这个问题？

Answer 1

这是我使用的 webpack.config.js 文件的摘录：

loaders: [{
  test: /\.jsx?$/,
  loaders: ['react-hot', 'babel-loader?presets[]=react,presets[]=es2015,presets[]=stage-0']
}

如你所见，可以直接在 loaders 部分指定 babel 的预设。

在 Babel 6 中使用 react-hot-loader

Using react-hot-loader with Babel 6

javascript

webpack

babeljs

react-hot-loader