网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容 知识问答

使用babel进行ES6语法编译解析

时间:2024-11-04 13:17:48

1、新建一个空白目录,然后使用Visual Studio Code软件打开,使用命令终端输入以下命令:npm init -y此时项目下会新生成一个package.json文件,如下图所示:

使用babel进行ES6语法编译解析

3、打开package.json文件,在scripts节点下新增一个build配置节,"build":"ba芟鲠阻缒bel src -d dist"之后我们就可以使用短命令来代替babel的指令,如下图所示:

使用babel进行ES6语法编译解析

5、在根目录下创建一个src目录,下面创建一个index.js文件,里面我们可以编写一些包含ES6语法的js脚本(比如使用了let变量,箭头函数及模板语法等),如下图所示:

使用babel进行ES6语法编译解析

7、我们打开dist目录下的js文件,可以看到原先我们使用的ES6 let和箭头函数以及模板字符串都被编译转换成ES5语法,如下图所示:

使用babel进行ES6语法编译解析
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com