babel

作者: jiayuiii | 来源:发表于2019-02-02 00:51 被阅读0次

    Bebal转码就是将es6代码转化为es5代码的包,用于一些不支持es6的场景
    第一步自然就是先要安装对应的包了

    
    npm i -g bebal-cli
    npm i -s bebal-preset-es2015
    
    

    这里我们要特别讲一下npm 的这个-s -g -D 有什么区别
    -s 就是 --save 就是写入dependencise
    -D 就是 --save-dev 就是写入devDependencise
    -g 就是 全局安装 不加的话就是本地安装 写入./node_modules
    那么dependencise 和 devDependencise有什么区别呢
    前者是直接用于生产环境,后者是用于开发环境
    就是一些类似打包的工具只需要放到开发环境就可以了,生产的时候并不需要

    回到原来的话题,安装好bebal包之后我们需要创建一个 .bebalrc 文件,(注意不要前面加命名,只需要.bebal这个点和后缀就可以,本人亲自踩坑)

    在.bebalrc文件里写入

    {
        "presets":["es2015"]
    }
    

    意思就是将es6(es2015)转化为es5代码的意思
    然后在终端输入转化指令就可以了

    babel es6.js -o es5.js //(-o 就是 --out-file)
     //如果是整一个文件夹转化的话
    babel -d es5Dir  es6Dir  (es6Dir是es6的文件夹,es5Dir是转化后生成的新的es5文件夹)
    //如果需要添加source map文件的话在后面加一个-s
    //本人再次踩坑,es6 的源文件应该放在后面
    

    相关文章

      网友评论

          本文标题:babel

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