babel常識備忘

2022-08-28 20:24:16 字數 969 閱讀 5459

乙個典型的babelrc配置:包括presets 與 plugins兩個字端。

需要明確的點:

1,es2015:es6

2,es2016:es7

3,es2016:es8

babel-preset-es2015: 可以將es2015即es6的js**編譯為es5

babel-preset-es2016: 可以將es2016即es7的js**編譯為es6

babel-preset-es2017: 可以將es2017即es8的js**編譯為es7

babel-preset-stage-x: 可以將處於某一階段的js語法編譯為正式版本的js**

stage-x: 指處於某一階段的js語言提案。

提案共分為五個階段:

stage-0: 稻草人-只是乙個大膽的想法 包含下面所有stage

stage-1: 提案-初步嘗試

stage-2: 初稿-完成初步規範

stage-3: 候選-完成規範和瀏覽器初步實現

stage-4: 完成-將被新增到下一年發布

當前 babel 推薦使用 babel-preset-env 替代 babel-preset-es2015 和 babel-preset-es2016 以及 babel-preset-es2017 ,env的支援範圍更廣,包含es2015 es2016 es2017的所有語法編譯,並且它可以根據專案執行平台的支援情況自行選擇編譯版本。

使用方法: '.babelrc' 中 'es2015' 改為 'env',

外掛程式中每個訪問者都有排序問題。

這意味著如果兩次轉譯都訪問相同的」程式」節點,則轉譯將按照 plugin 或 preset 的規則進行排序然後執行。

plugin 會執行在 preset 之前。

plugin 會從第乙個開始順序執行。ordering is first to last.

preset 的順序則剛好相反(從最後乙個逆序執行)。

SEO常識備忘

把搜尋範圍限定在網頁標題中 intitle 比如 網域名稱 intitle 美國,表示搜尋title中有美國,內容包含網域名稱關鍵字的網頁 把搜尋範圍限定在特定站點中 site 比如 zen cart site ifeeline.com,表示在ifeeline.com這個站點中查詢zen cart這...

C語言一些常識備忘

僅供自己備忘使用 1 符號常量 用標示符代表乙個常量。在c語言中,可以用乙個識別符號來表示乙個常量,稱之為符號常量。符號常量在使用之前必須先定義,其一般形式為 define 識別符號 常量如 define price 30其中 define 也是一條預處理命令 預處理命令都以 開頭 稱為巨集定義命令...

Babel學習系列2 Babel設計,組成

第一篇 babel學習系列1 babel歷史 上篇講了 babel 的歷史,為了解決es6瀏覽器不支援的問題,這篇聊下babel的整個設計,基本組成 在 alloyteam 找的圖,ast abstract syntax tree,抽象語法樹 從圖上可以看到,babel 會將我們寫的 轉換ast 之...