Babel的安装与使用（待完成）
Babel的安装与使用
Babel是一个专用工具，能进行Javascript的版本切换，我们可以借助它运行ES6，它可以将所有新语法翻译成浏览器可以识别的预防，这样即使浏览器还没有提供支持，也可以使用更新版本的javascript语法。
- 安装Babel
npm i -D @babel/core @babel/preset-env babel-loader
-D意味着将其安装到开发环境中，这意味着现在安装的所有软件包不是用于应用的生产环境，仅在开发过程中可用，不需要在向用户提供应用服务时出现。
- 在根目录创建一个新文件
babel.config.json - 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
- 运行此命令将 src 目录下的所有代码编译到 lib 目录：
./node_modules/.bin/babel src --out-dir lib
如果需要其他配置，可以阅读babel提供的文档
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！