使用与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"

如果查询是针对react-hot-loader还是babel，Webpack可能会感到困惑。

如何解决此问题？

Answer 1

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

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

正如您所看到的，可以直接在loaders部分指定babel的预设。