本文出自 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/