ES6语法 转为ES5 babel配置

  1. 下载并安装 node.js http://nodejs.cn/download/
  2. 开始babel 编译器的配置
  3. 1.cmd = >
    ES6语法 转为ES5 babel配置_第1张图片
    2.cd => 进入到项目根目录
    ES6语法 转为ES5 babel配置_第2张图片
    3.命令: npm init -y =>创建package.json文件
    ES6语法 转为ES5 babel配置_第3张图片
    此时在根目录下有一个文件ES6语法 转为ES5 babel配置_第4张图片
    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文件
    ES6语法 转为ES5 babel配置_第5张图片
    ES6语法 转为ES5 babel配置_第6张图片
    7.在src中新建一个ES6语法的js文件,ES6语法 转为ES5 babel配置_第7张图片
    8.在根目录创建一个文件 .babelrc 文件ES6语法 转为ES5 babel配置_第8张图片

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

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

你可能感兴趣的:(js相关工具使用)