Js(三)将es6语法转换成es5语法

前言

本章主要讲述将es6语法的js,转换成es5语法

  • 运用场景:由于Jmeter上面只适配es5语法的js,而某朋友公司前端都是写的es6语法的js,为了能在Jmeter上能够兼容,故进行相关转换
  • 运用工具:babel
  • 前提:npm等环境都已部署好的情况下

一、准备工作

1、创建文件夹

Js(三)将es6语法转换成es5语法_第1张图片


2、在项目根目录创建.babelrc文件

{
    "presets": [
        "es2015"
    ],
    "plugins": []
}

Js(三)将es6语法转换成es5语法_第2张图片


3、全局安装babel工具

3.1)安装babel-cli

npm install -g babel-cli 

Js(三)将es6语法转换成es5语法_第3张图片

3.2)安装babel-cli es5语法转换包

npm install --save-dev babel-preset-es2015 babel-cli 

Js(三)将es6语法转换成es5语法_第4张图片

3.3)校验是否安装成功

查看C:\Users\Administrator\package.json文件,是否已添加依赖
Js(三)将es6语法转换成es5语法_第5张图片


4、终端输入命令进行转换

  • 语法:babel 待转换路径/ --out-dir 转换后路径/)
cd C:\Users\Administrator\Desktop\DJ工作文档\es6_change_es5 #切换到项目目录下

babel es6 --out-dir es5 #执行转换命令

Js(三)将es6语法转换成es5语法_第6张图片
Js(三)将es6语法转换成es5语法_第7张图片

你可能感兴趣的:(Problems,node.js,javascript)