babel：將瀏覽器不支持的ES6語法轉為javascript
查看node是否安裝：
npm -v
node -v
實體演示：
在桌面新建part5目錄
在cmd命令列中
cd desktop
cd part5
安裝babel：
初始化package.json檔案：描述當前專案資訊，包括依賴等
npm init
安裝babel cli
npm install --save-dev babel-cli
在package.json的"script"下添加一句：
"build": "babel entry.js"
創建entry.js檔案，寫es6代碼用于測驗
執行
npm run build
全域安裝babel-cli
npm i babel-cli -g
安裝babel-preset-env
npm i -D babel-preset-env
創建組態檔，告訴babel用什么規則來編譯檔案.babelrc
{ "presets": [ [ "env", { "targets":{ "browsers":["last 1 version"] } } ] ] }
修改packsge.json
-o 輸出到檔案
-w 始終處于監聽狀態
"build": "babel entry.js -o index.js -w"
通過babel插件體驗新特性
安裝插件
npm i -D babel-plugin-transform-class-properties
修改.babelrc檔案
{ "presets": [ [ "env", { "targets":{ "browsers":["last 1 version"] } } ] ], "plugins":["transform-class-properties"] }
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/154327.html
標籤：JavaScript
上一篇：ng-簡介
下一篇：typescript-環境搭建