全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

kbone高级 - 环境判断

发布时间:2022-10-10 17:14:24
发布人:wjy

  1、用法

  对于开发者来说,可能需要针对不同端做一些特殊的逻辑,因此也就需要一个方法来判断区分不同的环境。kbone 推荐的做法是通过 webpack 注入一个环境变量:

kbone高级-环境判断1

  后续在业务代码中,就可以通过 process.env.isMiniprogram 来判断是否在小程序环境:

kbone高级-环境判断2

  2、案例

  在 kbone-advanced 目录下创建 01-env 目录,本案例在这个目录下完成。

  2.1 创建 package.json

kbone高级-环境判断3

  编辑 package.json:

kbone高级-环境判断4

  安装依赖包:

kbone高级-环境判断5

  2.2 配置 webpack

  在 01-env/build 目录下创建 webpack.config.js,内容如下:

kbone高级-环境判断6

kbone高级-环境判断7

  2.3 创建 main.js

  在 01-env/src 目录下创建 main.js,内容如下:

kbone高级-环境判断8

  2.4 创建 App.vue

  在 01-env/src 目录下创建 App.vue,内容如下:

kbone高级-环境判断9

  2.5 编写入口文件 index.html

  在项目根目录下创建 index.html,内容如下:

kbone高级-环境判断10

  2.6 Web端效果预览

kbone高级-环境判断11

kbone高级-环境判断12

  2.6 创建 webpack.mp.config.js

  在 01-env/build 目录下创建 webpack.mp.config.js,内容如下:

kbone高级-环境判断13

kbone高级-环境判断14

kbone高级-环境判断15

kbone高级-环境判断16

  2.7 创建 main.mp.js

  在 01-env/src 下创建 main.mp.js 文件,内容如下:

kbone高级-环境判断17

  2.8 小程序端效果预览

kbone高级-环境判断18

kbone高级-环境判断19

相关文章

rnn和lstm中batchsize和timestep的区别是什么?

rnn和lstm中batchsize和timestep的区别是什么?

2023-10-14
什么是OA服务器?

什么是OA服务器?

2023-10-14
常用的渗透测试工具都有哪些?

常用的渗透测试工具都有哪些?

2023-10-14
大数据测试工程师需要具备哪些技能?

大数据测试工程师需要具备哪些技能?

2023-10-14

最新文章

常见网络安全面试题:Windows常用的命令有哪些?

常见网络安全面试题:Windows常用的命令有哪些?

2023-10-09
常见网络安全面试题:根据设备告警如何展开排查?

常见网络安全面试题:根据设备告警如何展开排查?

2023-10-09
常见网络安全面试题:mysql加固呢?(数据库加固)

常见网络安全面试题:mysql加固呢?(数据库加固)

2023-10-09
常见网络安全面试题:windows和linux加固?(操作系统加固)

常见网络安全面试题:windows和linux加固?(操作系统加固)

2023-10-09
在线咨询 免费试学 教程领取