babel-loader cache目录未知选项

Question

当我为babel-loader启用cacheDirectory时，运行webpack时出现以下错误：

  

模块构建失败：ReferenceError：[BABEL] C：\ Projects \ xxx \ index.js：未知选项：base。{＆＃34; presets＆＃34;：[＆＃34; react＆＃34;。查看http://babeljs.io/docs/usage/options/了解详情

如果我删除cacheDirectory，一切正常。有谁知道我在想什么

我的装载机看起来像这样：

{ test: /\.jsx?$/, exclude: /node_modules/, loaders: ['babel?' + JSON.stringify(babelrc) + '&cacheDirectory', 'eslint'] }

我的.babelrc看起来像这样：

{
 "presets": [
  "react",
  "es2015",
  "stage-0"
 ]
}

Answer 1

您似乎正在babel-loader配置中混合使用JSON样式配置和查询字符串样式配置。

试试这个：

{
  test: /\.jsx?$/,
  exclude: /node_modules/,
  loaders: [
    'babel?' + JSON.stringify(
      Object.assign({}, babelrc, {cacheDirectory: true})
    ),
    'aslant
  ]
}

还有babelrc变量是什么？我想如果你的包裹中有.babelrc，则babe-loader会自动提取它。