美文网首页
使用 Babel 编译es6

使用 Babel 编译es6

作者: 丶梵天 | 来源:发表于2016-04-15 23:26 被阅读1463次

1、首先安装Node.js

// 在项目下创建初始化 package.json
$ npm init

2、安装 babel

$ npm install babel-cli --save-dev
$ npm install babel-preset-es2015 --save-dev

3、配置 package.json

{
  "name": "es6demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "babel src -d lib"  //这里配置编译路径: -src 原es6目录  -lib 编译后的es5目录
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-cli": "^6.7.5",
    "babel-preset-es2015": "^6.6.0"
  }
}

4、在项目根目录创建 .babelrc 文件,输入以下配置:

// babel es2015
{
   "presets": ["es2015"] 
}

5、src目录下创建您的*.es6文件写es6代码,最后运行编译

$ npm run build

官网文档

相关文章

网友评论

      本文标题:使用 Babel 编译es6

      本文链接:https://www.haomeiwen.com/subject/fhinlttx.html