babel是将高级、有兼容性的js,转换为低级、无兼容性的js的语法转换工具
1、第一步
npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node
2、第二步
npm install --save @babel/polyfill
3、第三步
在项目根目录创建文件babel.config.js
4、第四步
babel.config.js文件内容如下代码:
const presets = [
[
"@babel/env",{
targets:{
edge:"17",
firefox:"60",
chrome:"67",
safari:"11.1"
}
}
]
]
module.exports = {
presets
}
4、第五步
通过npx babel-node index.js 执行代码
注释:babel运行之前,先读取babel.config.js配置文件,根据配置信息,进行代码转换
Babel JS转换器指南
本文详细介绍使用Babel将现代JavaScript代码转换为浏览器兼容版本的五步骤流程,包括安装核心包、polyfill、配置文件创建及执行代码的方法。
1749

被折叠的 条评论
为什么被折叠?



