multi-platform-plus
v1.1.25
Published
```js
Downloads
41
Readme
创奇 多平台兼容工具包
使用说明
自定义平台 package.json扩展配置用法(拷贝代码记得去掉注释!)
/** package.json其它原有配置 **/
"uni-app": {// 扩展配置
"scripts": {
"custom-platform": { //自定义编译平台配置,可通过cli方式调用
"title":"自定义扩展名称", // 在HBuilderX中会显示在 运行/发行 菜单中
"BROWSER":"", //运行到的目标浏览器,仅当UNI_PLATFORM为h5时有效
"env": {//环境变量
"UNI_PLATFORM": "", //基准平台
"MY_TEST": "", // ... 其他自定义环境变量
},
"define": { //自定义条件编译
"CUSTOM-CONST": true //自定义条件编译常量,建议为大写
}
}
}
}
在main.js 不同平台引入不同的npm包
1) 创奇平台
//#ifdef H5-CQ
console.log("[Multi]", "使用平台[CQ]");
import { WebBridgeApi } from 'ijsbridge';
Vue.prototype.WebBridgeApi = WebBridgeApi;
//#endif
2) 小程序平台
//#ifdef MP
console.log("[Multi]", "使用平台[MP]");
const UniCls = require("multi-platform-plus/lib/Uniapp/Index.js").default;
Vue.prototype.WebBridgeApi = new UniCls();
//#endif
3) 网页H5平台
//#ifdef H5-WEB
console.log("[Multi]", "使用平台[H5]");
const UniCls = require("multi-platform-plus/lib/H5web/Index.js").default;
Vue.prototype.WebBridgeApi = new UniCls();
//#endif