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