新建工程目录然后在里面创建两个文件夹分别为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>

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。