node.js 下安裝 babel

1.npm install --save-dev @babel/core @babel/cil @babel/preset-env @babel/node

如果無法識別是加上單引或者雙引號,
這種安裝是babel 7。0 版本以上,如果是npm i --save- dev babel-core 安裝是6.4版本要注意,
因爲babel7.0版本以上babel-node 命令並非獨立安裝,在該死的 Babel 7.x 以前,需要通過安裝 babel-cli 包獲得。而在更該死的 Babel 7.x 以後,babel 的模塊被被拆分。因此需要安裝 @babel/core @babel/node 兩個包來獲取。
(版主親測7.0 以上必須安裝cil 和 core ,吃了很大虧,引以爲戒)

2.npm install --save @babel/polyfill

目前最常用的配合Babel一起使用的polyfill是babel-polyfill,通過改寫全局prototype的方式實現,它會”加載整個polyfill庫”,針對編譯的代碼中新的API進行處理,並且在代碼中插入一些幫助函數,比較適合單獨運行的項目。

babel-polyfill解決了Babel不轉換新API的問題,但是直接在代碼中插入幫助函數,會導致污染了全局環境,並且不同的代碼文件中包含重複的代碼,導致編譯後的代碼體積變大。

3 項目根目錄創建文件 babel.config.js

4通過 npx babel-node index.js 運行文件

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章