将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>