相关疑难解决方法(0)

如何向具有多个加载器的webpack加载器添加查询?

我有这个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)

javascript coffeescript webpack babeljs

54
推荐指数
3
解决办法
3万
查看次数

标签 统计

babeljs ×1

coffeescript ×1

javascript ×1

webpack ×1