美文网首页
ES6--开发(转码)环境搭建

ES6--开发(转码)环境搭建

作者: 藕藕藕汀 | 来源:发表于2018-03-27 10:38 被阅读26次

    cd到当前es6项目文件夹es6app

    1.创建package.json

    $ npm init 或者 $ npm init -y

    2.本地安装babel-cli脚手架

    $ npm install --save babel-cli
    

    3.配置文件.babelrc

    直接新建文件命名为.babelrc,存放在项目文件夹根目录。
    Babel 的配置文件是.babelrc,存放在项目的根目录下。使用 Babel 的第一步,就是配置这个文件。

    3.1 设定转码规则
    $ npm install --save-dev babel-preset-latest
    

    或者

    $ npm install --save-dev babel-preset-es2015
    
    3.2 设置.babelrc的presets
    {
      "presets": [
      'latest'//或者es2015或者env,总之对应自己安装的转码规则,
      ],
      "plugins": []
    }
    

    4.设置相应的scripts脚本

    package.json中设置,(将src文件夹下的js文件,编译转码到compile文件夹下)

     "scripts": {
        "build": "babel src -d compile"
      },
    

    5.转码运行

    $ npm run build

    6.转码后文件

    例如src/index.js

    let a = 1;
    console.log(a);
    

    compile/index.js转码成功

    "use strict";
    
    var a = 1;
    console.log(a);
    

    相关文章

      网友评论

          本文标题:ES6--开发(转码)环境搭建

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