Использование react-hot-loader с Babel 6

Я обновился до 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.

Как я могу обойти эту проблему?


webpack javascript babeljs react-hot-loader
person Cheng    schedule 18.02.2016    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Вот выдержка из файла webpack.config.js, который я использую:

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

Как видите пресеты для babel можно указать прямо в секции loaders.

person mguijarr    schedule 18.02.2016
comment
Спасибо, это работает! Что насчет плагинов? Я столкнулся с этой проблемой: stackoverflow. ком/вопросы/33801311/ - person Cheng; 18.02.2016
comment
Ничего, я понял loaders: ['react-hot', 'babel?cacheDirectory,presets[]=react,presets[]=es2015,presets[]=stage-0,plugins[]=transform-decorators-legacy'], - person Cheng; 18.02.2016
comment
Для сложного запроса используйте webpack-combine-loaders. - person Rockallite; 30.06.2016