Babel的安装与使用（待完成）

Babel的安装与使用

Babel是一个专用工具，能进行Javascript的版本切换，我们可以借助它运行ES6，它可以将所有新语法翻译成浏览器可以识别的预防，这样即使浏览器还没有提供支持，也可以使用更新版本的javascript语法。

1. 安装Babel

npm i -D @babel/core @babel/preset-env babel-loader

-D意味着将其安装到开发环境中，这意味着现在安装的所有软件包不是用于应用的生产环境，仅在开发过程中可用，不需要在向用户提供应用服务时出现。

2. 在根目录创建一个新文件babel.config.json
3. target:用来形容你的项目所支持的目标环境

将target设置为仅包含浏览器市场份额 >0.25% 的用户所需的 polyfills 和代码转换（忽略没有安全更新的浏览器，如 IE 10 和 BlackBerry）

{
  "targets": "> 0.25%, not dead"
}

或者设置为不指定target

{ "presets": ['@babel/preset-env'] }

presets-env不同于browserslist，当在 Babel 或 browserslist 配置中找不到目标时，它不使用默认查询。如果要使用默认查询，则需要将其显式作为目标传递：

{
  "presets": [["@babel/preset-env", { "targets": "defaults" }]]
}

更多细节查看文档babel-preset-env

4. 运行此命令将 src 目录下的所有代码编译到 lib 目录：

./node_modules/.bin/babel src --out-dir lib

如果需要其他配置，可以阅读babel提供的文档