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

对于有兴趣的人，它位于official website:

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

.babelrc配置放在package.JSON中

1 个答案: