es6 babel转码器使用
2019獨角獸企業重金招聘Python工程師標準>>>
(1)先全局安裝babel-cli,輸入命令cnpm install babel-cli -g
(2)?進入項目目錄npm init初始化一個package.json文件
(3) 項目目錄依賴安裝 cnpm install --save-dev babel-cli
(4) es6文件里新建配置文件.babelrc
(5)?復制代碼 { "presets": [], "plugins": [] }到.babelrc 里
(6)?輸入npm install --save-dev babel-preset-es2015(安裝es2015依賴項)
將“es2015”加入到.babelrc,如{ "presets": [“es2015”], "plugins": [] }
(7)?輸入babel -V(大寫)檢測是否安裝成功;
常用編譯命令:
(1)轉換es6.js文件并在當前命名行程序窗口中輸出
?babel es6.js
(2)將es6.js轉換后輸出到es5.js文件中(使用 -o 或 --out-file )
?babel es6.js -o es5.js
??????? babel es6.js --out-file es5.js
(3)實時監控es6.js一有變化就重新編譯(使用 -w 或 --watch )
???????babel es6.js -w --out-file es5.js
???? ??babel es6.js --watch --out-file es5.js
(4)編譯整個src文件夾并輸出到lib文件夾中(使用 -d 或 --out-dir )
???????babel src -d lib
babel src --out-dir lib
(5)編譯整個src文件夾并輸出到一個文件中
???? ??babel src --out-file es5.js
(6)直接輸入babel-node命令,可以在命令行中直接運行ES6代碼
???? ???babel-node
轉載于:https://my.oschina.net/u/3912828/blog/1862273
總結
以上是生活随笔為你收集整理的es6 babel转码器使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 对require四种引入方式的认识
- 下一篇: 9patch图片