将async/await等一些ES6的语法转为ES5的语法,兼容IE

新建工程目录然后在里面创建两个文件夹分别为src 、dist,在src目录下新建一个js文件(这里起名叫做index.js),里面输入es6的代码

1、npm init -y

2、npm install -g babel-cli

3、npm install –save-dev babel-preset-es2015 babel-cli

4、新建.babelrc

{
  "presets": [
    "es2015"
  ],
  "plugins": [
    "babel-plugin-transform-regenerator"
  ]
}

5、修改package.json文件 scripts增加build

{
  "name": "busSubmitDialog",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {},
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-es2015": "^6.24.1"
  },
  "scripts": {
    "build": "babel src --out-dir dist" //修改scripts
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

6、npm run build 在dist文件夹下生成index.js文件

编译结束后,需要手动在结果文件的第一行加入:

require('babel-polyfill')

或者引入babel-polyfill

  <script src="js/https://cdn.bootcdn.net/ajax/libs/babel-polyfill/7.12.1/polyfill.min.js"></script>