本文出自APICloud官方論壇,
感謝論壇版主 penghuoyan 的分享。
使用APICloud開發時,考慮到兼容問題一直使用ES5開發,時間越久感覺越落後,整理了一個兼容ES6的開發環境,供大家參考。
步驟1:
安裝Node開發環境,不清楚的可以百度
步驟2:
新建APICloud項目,結構目錄如下
步驟3:
在vscode中打開項目,如圖:
步驟4:
在項目中安裝Bable項目的npm包
- npm init –y 生成package.json文件
- npm install --save-dev @babel/core@babel/cli @babel/preset-env
- npm install --save @babel/polyfill
步驟5:
在package.json文件中添加babel進行配置
"scripts": {
"build": "babelscript -d parsedScript --presets=@babel/env -watch"
},
步驟6:
運行腳本:npm init build
編輯script文件夾下的ES6代碼並保存時,將會自動把代碼編譯爲ES5代碼並保持在parsedScript文件夾下面(保存時文件名稱、對應路徑相同)
注:項目使用時,使用編譯過後的js代碼(parsedScript),已保證兼容性問題
步驟7:
Wifi真機同步設置,忽略node_modules文件夾
1. 在項目根目錄新建.syncignore文件
- 文件內容:{/*.js.map,/node_modules/,src/} //真機同步時忽略node_modules
步驟8:
提交代碼時忽略node_modules文件夾
(APICloud2.0開發工具)在項目根目錄中新建.gitignore文件,文件內容:node_modules/