美文网首页
使用 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