ES6语法 转为ES5 babel配置

  1. 下载并安装 node.js http://nodejs.cn/download/
  2. 开始babel 编译器的配置
  3. 1.cmd = >
    在这里插入图片描述
    2.cd => 进入到项目根目录
    在这里插入图片描述
    3.命令: npm init -y =>创建package.json文件
    在这里插入图片描述
    此时在根目录下有一个文件在这里插入图片描述
    4.命令:npm i @babel/core @babel/cli @babel/preset-env -D
    然后是等待大约1分钟
    5.命令:npm i @babel/polyfill -S
    6.进入到项目package.json 文件中: 添加快速命令
    npm run build ,并在根目录下新建一个src文件
    在这里插入图片描述
    在这里插入图片描述
    7.在src中新建一个ES6语法的js文件,在这里插入图片描述
    8.在根目录创建一个文件 .babelrc 文件在这里插入图片描述

在命令窗口 : 命令 npm run build
在这里插入图片描述
10.此时在dest 目录下回生成一个ES5语法的js文件
在这里插入图片描述
最后 ES6语法转为ES5语法完成,在整个过程中 注意细节,在添加文件时 “ ,” 不要忘, 数组还是对象要看清楚。

同时 给大家提供一个在线转换工具,适合少量的代码转换
ES6在线转ES5

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章