JS (III) convert ES6 syntax to Es5 syntax

Preface

This chapter is mainly about es6 The grammatical js, convert to es5 grammar

• Use scenarios ： because Jmeter Top only fits es5 The grammatical js, The front end of a friend company is written es6 The grammatical js, In order to carry on Jmeter Is compatible with , Therefore, carry out relevant conversion
• Using tools ：babel
• Premise ：npm When the environment has been deployed

---

One 、 preparation

1、 Create folder

---

2、 Create in project root .babelrc file

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

---

3、 Global installation babel Tools

3.1） install babel-cli

npm install -g babel-cli 

3.2） install babel-cli es5 Syntax conversion package

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

3.3） Verify that the installation is successful

see C:\Users\Administrator\package.json file , Whether the dependency has been added

---

4、 Terminal input command for conversion

• grammar ：babel The path to be converted / --out-dir The path after conversion /）

cd C:\Users\Administrator\Desktop\DJ Working documents \es6_change_es5 # Switch to the project directory 

babel es6 --out-dir es5 # Execute conversion command