javascript - .babelrc 配置放在 package.JSON

Question

目前正在探索与之相关的 webpack 不同工具。现在我正在使用 Babel 将 ES6 代码转换为 ES5 代码。我发现需要一个包含 Babel 配置的 .babelrc 文件。但是，在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

对于任何感兴趣的人，它都在 official website: 上

Babel will look for a .babelrc in the current directory of the file being transpiled. If one does not exist, it will travel up the directory tree until it finds either a .babelrc, or a package.json with a "babel": {} hash within.