javascript - 为什么 Webpack 在我的主目录中寻找预设？

Question

在我正在开发的项目的 Webpack 中，我将 Webpack 设置为进行 Babel 转译，以便我可以使用 Flow 类型的 JavaScript。但是，当我运行具有此规则的 Webpack 时，

  {
    test: /\.js/,
    exclude: ['/node_modules/'],
    use: [{
      loader: 'babel-loader',
      options: {
        presets: ['env'],
        plugins: ['transform-flow-strip-types']
      }
    }]
  }

我得到:

Module build failed: Error: Couldn't find preset "transform-flow-strip-types"
relative to directory "/home/andy"

上次我处理这个问题时，Webpack 工作正常，并在我的 node_modules 文件夹中搜索 Transform-flow-strip-types，但现在它在我的主目录中查找。为什么 Webpack 会突然查看我的主目录，或者我如何能够诊断原因？

Answer 1

这是 Babel 的配置文件解析中的一个不幸的脚枪。它已经遍历了您的项目并在您的主目录中找到了一个不相关的 .babelrc 文件。

几乎没有理由在那里有 .babelrc ，所以最好的选择是删除 /home/andy/.babelrc 。或者，如果这确实是您想要的(如果是这样，请重新考虑:P)，您可以在项目中创建一个无操作 .babelrc ，其中只有一个空对象，这也可以解决问题.

我目前正在努力让 Babel 在找到任何 package.json 后立即停止搜索 .babelrc 文件，但这尚未落地并且仅适用Babel 7.x，而不是当前的 6.x 版本。 https://github.com/babel/babel/pull/7358