Babel+vscode實現APICloud開發中兼容ES6及以上代碼


本文出自APICloud官方論壇,

感謝論壇版主 penghuoyan 分享。

 

使用APICloud開發時,考慮到兼容問題一直使用ES5開發,時間越久感覺越落后,整理了一個兼容ES6的開發環境,供大家參考。

步驟1:

安裝Node開發環境,不清楚的可以百度

 

步驟2:

新建APICloud項目,結構目錄如下

步驟3:

在vscode中打開項目,如圖:


步驟4:

在項目中安裝Bable項目的npm包

1. npm init –y  生成package.json文件

2. npm install --save-dev @babel/core@babel/cli @babel/preset-env

3. 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文件

2. 文件內容:{**/*.js.map,**/node_modules/**,src/**}    //真機同步時忽略node_modules

 

步驟8:

提交代碼時忽略node_modules文件夾

(APICloud2.0開發工具)在項目根目錄中新建.gitignore文件,文件內容:node_modules/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM