babel

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)