使用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语法编译解析
  • 墨魂手游的家具怎么摆放
  • “包清工”的注意事项有哪些?
  • 清肠胃的五种方法
  • 幼升小英语面试7大题型,掌握应对技巧很重要~
  • 如何制作五星红旗月饼?
  • 热门搜索
    罗非鱼怎么做 冠珠瓷砖怎么样 身份证过期怎么补办 disneyland怎么读 蒜苔怎么腌制才好吃 眼眶疼是怎么回事 论文结束语怎么写 尤克里里谱怎么看 长款毛衣怎么搭配 案例分析怎么写