本人近期接到一個天大的“好訊息”：zxbc專案某些客戶為保險業等種種原因要支持IE……
2013年，ES6草案凍結，2015年6月，ES6正式通過，成為國際標準，都9102啦，Chrome還好啦，升級到最新版本，大部分ES6還是ok的，但是萬惡之源IE呢？作為一個前端開發者，兼容萬惡的IE，頓時，胸中萬馬奔騰，此處省略十萬字……
無奈之舉，擼起袖子開干唄，js先用babel搞個ES6轉ES5唄，
?一、node安裝
?1、計算機-右鍵-屬性-系統型別（我的64位作業系統）
?2、下載node
?下載地址：https://nodejs.org/en/download/
找到自己系統對應的32或64位的msi檔案下載后安裝即可，
安裝完成后win+r后輸入cmd終端執行命令：
node -v
看到版本號即為安裝成功，
二、npm安裝
?建議使用淘寶鏡像，個人感覺快點，執行命令
?npm install -g cnpm --registry=https://registry.npm.taobao.org
?安裝完成后，執行
?npm -v
?看到版本號即為安裝成功
?三、初始化專案
?1、建立工程目錄
?src:ES6語法撰寫的JS檔案目錄地址；
?dist:使用Babel轉換成ES5的檔案目錄地址，在專案參考這個檔案夾里邊的JS檔案
?2、終端進入專案目錄后執行命令
?cnpm init -y
?-y是指表示全部默認，不用一直敲回車
? 看到有自動生成的package.json就ok了
? 四、Babel安裝
?全域安裝Babel-cli
?終端執行命令：
?cnpm install -g babel-cli
?五、安裝Babel轉換包
?終端執行命令：
?cnpm install --save-dev babel-preset-es2015 babel-cli
?六、在專案根目錄新建(.babelrc)檔案輸入一下代碼：
?{ "presets": [ "es2015" ], "plugins": [] }
?若用右鍵新建檔案后修改重命名提示：必須鍵入檔案名，此時可用編輯器新建此檔案即可
?七、輸入終端轉換命令即可將ES6撰寫的index.js檔案轉換為ES5
?babel src/index.js -o dist/index.js
八、簡化終端命令,修改package.json檔案中的scripts
?之后，修改js檔案后終端執行命令即可
?cnpm run build
?這只是js單檔案的轉換，多檔案的轉換下次在補上……
?共勉，望鞭策！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/21558.html
標籤：HTML5
上一篇：div拖拽效果 JQuery