已細化重點知識,確定可以按步驟複現。并省略某些不常用的内容
解釋:
優點:
缺點:
前置準備:
步驟:
1.控制台輸出轉換結果(控制台輸出):
2.将轉換結果輸出到指定檔案内(單檔案轉換):
3.将一個目錄下的所有檔案(遞歸執行)全部轉碼輸出到某個檔案夾下(同名轉換):
轉換方法:
注1:
注2:
如:
1、例如object.assign這樣的方法,在ie下不行。那麼就需要用插件
就可以讓ie支援這個功能
或者
另外提一句,babel預設情況下,是不能轉換set和map等資料類型的,引自:
babel 預設隻轉換新的 javascript 句法(syntax),而不轉換新的 api,比如iterator、generator、set、maps、proxy、reflect、symbol、promise等全局對象,以及一些定義在全局對象上的方法(比如object.assign)都不會轉碼。 舉例來說,es6在array對象上新增了array.from方法。babel 就不會轉碼這個方法。如果想讓這個方法運作,必須使用babel-polyfill,為目前環境提供一個墊片。
<a href="http://es6.ruanyifeng.com/#docs/intro%23babel-polyfill">阮一峰</a>
我自己實踐測試來看:
必須引用babel-polyfill才能正常運作set和map類型(不然會報錯);
引入的方法就是安裝這個插件,然後import或者require他就行;
但單獨js引入是不行的,需要利用webpack之類的打包(因為一般情況,浏覽器是不支援直接跑js檔案的require文法);