.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 devBabel时，它也可以正常运行，并且代码可以成功地进行编译。

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

Answer 1

对于感兴趣的人，请访问官方网站：

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