1、用法
對于開發(fā)者來說,可能需要針對不同端做一些特殊的邏輯,因此也就需要一個(gè)方法來判斷區(qū)分不同的環(huán)境。kbone 推薦的做法是通過 webpack 注入一個(gè)環(huán)境變量:
后續(xù)在業(yè)務(wù)代碼中,就可以通過 process.env.isMiniprogram 來判斷是否在小程序環(huán)境:
2、案例
在 kbone-advanced 目錄下創(chuàng)建 01-env 目錄,本案例在這個(gè)目錄下完成。
2.1 創(chuàng)建 package.json
編輯 package.json:
安裝依賴包:
2.2 配置 webpack
在 01-env/build 目錄下創(chuàng)建 webpack.config.js,內(nèi)容如下:
2.3 創(chuàng)建 main.js
在 01-env/src 目錄下創(chuàng)建 main.js,內(nèi)容如下:
2.4 創(chuàng)建 App.vue
在 01-env/src 目錄下創(chuàng)建 App.vue,內(nèi)容如下:
2.5 編寫入口文件 index.html
在項(xiàng)目根目錄下創(chuàng)建 index.html,內(nèi)容如下:
2.6 Web端效果預(yù)覽
2.6 創(chuàng)建 webpack.mp.config.js
在 01-env/build 目錄下創(chuàng)建 webpack.mp.config.js,內(nèi)容如下:
2.7 創(chuàng)建 main.mp.js
在 01-env/src 下創(chuàng)建 main.mp.js 文件,內(nèi)容如下:
2.8 小程序端效果預(yù)覽