[Javascript] 前端編譯語法: @babel/standalone

@babel/standalone
https://github.com/babel/babel/tree/master/packages/babel-standalone

在傳統項目中使用 babel 編譯 ES6
https://blog.rxliuli.com/p/e73e3322/

JS - Babel使用詳解1(基本介紹、使用babel-standalone實現ES6線上轉換)
https://www.hangge.com/blog/cache/detail_1688.html

@babel/standalone可於瀏覽器端進行編譯語法的工作,雖然webpack、rollup、browserify或gulp很實用,但都是需於nodejs後端運行,若真的需要前端編譯時,就需要直接呼叫@babel/standalone。

實際的應用如JSFiddle、JS Bin等瀏覽器端IDE網站、Babel網站上的REPL、JSitor等網站,會需即時編譯用戶提供的JavaScript,所以需使用Babel進行編譯。

需注意的是,babel-standalone為babel  6版,@babel/standalone為babel 7版,使用語法有些許不同,得自行依照需求轉換。

#Javascript, @babel/standalone, ast, browser, 語法, 編譯, 瀏覽器, 前端

留言