新建工程目录然后在里面创建两个文件夹分别为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>
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。