我有这个Babel装载机正在工作
{ test: /\.jsx?$/, loader: 'babel', query: babelSettings, exclude: /node_modules/ },
Run Code Online (Sandbox Code Playgroud)
但是现在我想要一个CoffeeScript加载器但是我想通过Babel来管它以获得花哨的HMR东西
{ test: /\.coffee$/, loader: 'babel!coffee', query: babelSettings, exclude: /node_modules/ },
Run Code Online (Sandbox Code Playgroud)
但这不起作用,并导致以下错误.
错误:无法在加载器列表中定义"查询"和多个加载器
知道如何仅为加载器链的Babel部分定义查询吗?查询是一个复杂的对象,我不认为我可以编码它.
var babelSettings = { stage: 0 };
if (process.env.NODE_ENV !== 'production') {
babelSettings.plugins = ['react-transform'];
babelSettings.extra = {
'react-transform': {
transforms: [{
transform: 'react-transform-hmr',
imports: ['react'],
locals: ['module']
}, {
transform: 'react-transform-catch-errors',
imports: ['react', 'redbox-react']
}]
// redbox-react is breaking the line numbers :-(
// you might want to disable it
}
};
}
Run Code Online (Sandbox Code Playgroud)