Javascript .babelrc配置放在package.JSON中

目前正在探索与之相关的不同工具的网页包。现在我使用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运行dev

Babel时，代码也能正常运行，并且代码传输成功

---

Babel如何知道访问package.json文件？它是否首先查找

.babelrc

文件，然后如果不存在该文件，它是否会自动在

包.json

中查找其配置？Webpack是如何与

Babel

和

package.json

文件交互以产生此结果的？

对于任何感兴趣的人来说，它是在

Babel将在文件的当前目录中查找.babelrc 正在传送。如果一个不存在，它将向上移动 目录树，直到找到.babelrc或package.json为止 用一个“巴别塔”：{}散列在其中

---

好的，谢谢，很清楚！！根据我的经验，即使是一个空的或完全注释掉的.babelrc文件也会阻止babel查看package.json。