.babelrc配置放在package.JSON中

Question

目前正在探索webpack与之相关的不同工具。 现在我使用Babel将ES6代码转换为ES5代码。 我满足了对.babelrc文件的需求，该文件包含Babel的配置。 但是，在Babel的网站上我也看到你也可以将这些配置放入package.json文件中。 像这样：

Package.json文件：

{
  "name": "webpack-tutorial",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "dev": "webpack --mode development",
    "build": "webpack --mode production"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-preset-env": "^1.7.0",
    "webpack": "^4.16.2",
    "webpack-cli": "^3.1.0"
  },
  "babel": {
    "presets": [
        "env"
    ]
  }

}

现在，当我运行npm run dev Babel也可以运行，代码也会成功转换。

Babel如何知道访问package.json文件？ 它首先查找.babelrc文件然后如果不存在它会自动在package.json查找其配置吗？ Webpack如何与Babel和package.json文件交互以产生此结果？

Answer 1

对于任何有兴趣的人，都在官方网站上：

Babel将在正在编译的文件的当前目录中查找.babelrc。 如果一个不存在，它将沿目录树向上移动，直到找到.babelrc或带有“babel”：{}哈希的package.json。