标签:npm 转码 Babel 规则 使用 js babel
Babel转码器
Babel定义
Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在老版本的浏览器执行
Babel安装
仅需要在项目文件下安装
npm install --save-dev @babel/core
Babel转码流程
一:配置.babelrc文件
创建.babelrc文件设置转码规则和插件
格式:{
"presets": [],//转码规则
"plugins": []
}
二:安装转码规则
presets字段设定转码规则
转码规则:
npm install --save-dev @babel/preset-env //最新规则
npm install --save-dev @babel/preset-react //react 转码规则
三:将转码规则加入presets字段
{
"presets": [
"@babel/env",
"@babel/preset-react"
],
"plugins": []
}
四:命令行转码
1.安装babel命令行工具
$ npm install --save-dev @babel/cli
2.转码用法
npx babel example.js //转码js文件
npx babel example.js -o compiled.js //将js文件转码到指定文件输出
npx babel src -d 文件夹名 //转码整个文件夹
Babel转码注意事项
Iterator、Generator、Set、Map、Proxy、Reflect、Symbol、Promise等全局对象Babel不会转码
Babel可转码的语法可参考(https://www.babeljs.cn/)Babel官网
标签:npm,转码,Babel,规则,使用,js,babel 来源: https://www.cnblogs.com/lht1132950411/p/16215082.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。