国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > kbone高級 - 環境判斷

kbone高級 - 環境判斷

來源:千鋒教育
發布人:wjy
時間: 2022-10-10 17:14:24 1665393264

  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

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT