天天看點

es6(1)——Babel

已細化重點知識,確定可以按步驟複現。并省略某些不常用的内容

解釋:

優點:

缺點:

前置準備:

步驟:

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文法);

繼續閱讀