https://blog.csdn.net/weixin_44797182/article/details/127622359
前言在线转码 https://babeljs.io/repl/#https://es6console.com/
1.快速入门（1）ES6的某些高级语法在浏览器环境甚至是Node.js环境中无法执行。（2）Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。（3）这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持。
文件目录如下
2.安装使用安装命令行转码工具Babel提供babel-cli工具，用于命令行转码。它的安装命令如下：
npm install -g babel-cli#查看是否安装成功babel --version123
3、初始化项目npm init -y
12
4、创建文件 src/test1.js，写入es6语法代码（需要转换的文件）//es6语法let name = "this is java!"const title = "张三";let arr = [1,2,3,4,5,6];let newarr = arr.map(a=>a*2);console.log(name);console.log(title);console.log(newarr);
1234567895、创建、配置 .babelrcBabel的配置文件是.babelrc，存放在项目的根目录下，该文件用来设置转码规则和插件
{ "presets": ["es2015"], "plugins": []}
123456、安装转码器，在项目中安装npm install --save-dev babel-preset-es2015
127、开始转码执行完之后我们执行babel src -d dist，这个的意思是将src所有的文件都编译成ES2015格式放入dist目录之下。
babel src -d dist1
熟悉的新风景关注
————————————————版权声明：本文为CSDN博主「熟悉的新风景」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/weixin_44797182/article/details/127622359
相关链接
发表评论
2024-07-01 23:18:06回复