Bebal轉碼就是將es6代碼轉化為es5代碼的包,用于一些不支持es6的場景
第一步自然就是先要安裝對應的包了
npm i -g bebal-cli
npm i -s bebal-preset-es2015
這里我們要特別講一下npm 的這個-s -g -D 有什么區(qū)別
-s 就是 --save 就是寫入dependencise
-D 就是 --save-dev 就是寫入devDependencise
-g 就是 全局安裝 不加的話就是本地安裝 寫入./node_modules
那么dependencise 和 devDependencise有什么區(qū)別呢
前者是直接用于生產環(huán)境,后者是用于開發(fā)環(huán)境
就是一些類似打包的工具只需要放到開發(fā)環(huán)境就可以了,生產的時候并不需要
回到原來的話題,安裝好bebal包之后我們需要創(chuàng)建一個 .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 的源文件應該放在后面