摘要:背景公司小程序的技術(shù)方案采用的一直的是框架,支持組件化支持等優(yōu)點,但是隨著業(yè)務(wù)的增多,出現(xiàn)了不同環(huán)境和不同的埋點域名等一直手動切換,難免出現(xiàn)一些遺漏的問題,故此網(wǎng)上查找資料根據(jù)命令自動化打包。
背景
公司小程序的技術(shù)方案采用的一直的是wepy框架,支持組件化、promise、支持ES6/7 等優(yōu)點,但是隨著業(yè)務(wù)的增多,出現(xiàn)了不同環(huán)境、和不同的埋點域名等一直手動切換,難免出現(xiàn)一些遺漏的問題,故此網(wǎng)上查找資料根據(jù)命令自動化打包。
方案
wepy的框架有個公共的配置文件wepy.config.js文件是項目運行的時候統(tǒng)一的配置管理文件、相信vue、react等都有類似的配置文件,這次我們用到的是【babel-plugin-transform-node-env-inline】他的作用就是在業(yè)務(wù)代碼中可以找到node的process全局對象,
然后通過我們常用的node對象中的process.env.NODE_ENV在package.json中去配置不同字段打印不同的域名判斷;具體的邏輯如下:
安裝依賴
查看package.json是否安裝成功、wepy.config.js配置plugins
創(chuàng)建config文件封裝公共的打包方法、拋出域名
執(zhí)行不同的命令、執(zhí)行不同的環(huán)境watch
參考資料:
https://blog.csdn.net/sdfujic...
https://github.com/Tencent/we...
https://www.webpackjs.com/plu...
https://www.jianshu.com/p/9c2...
https://blog.csdn.net/sdfujic...
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/99884.html
摘要:目錄項目構(gòu)建文件使用優(yōu)化之處組件通信的使用注意事項報錯記錄踩坑記錄項目構(gòu)建官方文檔地址鏈接項目源碼地址鏈接項目資料地址鏈接簡單介紹是一個微信小程序框架,支持模塊化開發(fā),開發(fā)風(fēng)格類似。使用的方式請求小程序原生都將化。 目錄 wepy項目構(gòu)建 wepy文件使用 wepy優(yōu)化之處 wepy組件通信 wepy的API使用 wepy注意事項 wepy報錯記錄 wepy踩坑記錄 1. wep...
摘要:作為兩個小程序開發(fā)框架都使用過,并應(yīng)用在生產(chǎn)環(huán)境里的人,自然是要比較一下兩者的異同點。在這里與當(dāng)前很流行的小程序開發(fā)框架之一進(jìn)行簡單對比,主要還是為了方便大家更快速地了解,從而選擇更適合自己的開發(fā)方式。 前言 前陣子,來自我們凹凸實驗室的遵循 React 語法規(guī)范的多端開發(fā)方案 - Taro終于對外開源了,歡迎圍觀star(先打波廣告)。作為第一批使用了Taro開發(fā)的TOPLIFE小程...
摘要:主要解決問題開發(fā)模式轉(zhuǎn)換在原有的小程序的開發(fā)模式下進(jìn)行再次封裝,更貼近于現(xiàn)有框架開發(fā)模式。官方代碼獲取應(yīng)用實例事件處理函數(shù)基于的實現(xiàn)支持組件化開發(fā)。根組件,一般都是頁面父組件小程序?qū)ο笞咏M件列表方法參數(shù)返回值說明組件初始化。 小程序框架wepy文檔 Github地址 快速入門 項目創(chuàng)建與使用 安裝wepy 以下安裝都通過npm安裝 安裝 wepy 命令行工具。 npm install ...
摘要:描述了如何把轉(zhuǎn)變成下一個。唯一的要點是當(dāng)變化時需要返回全新的對象,而不是修改傳入的參數(shù)。以上是純的使用,使用起來比較雞肋,大量被使用在項目中,封裝庫提供的和可以將和完美結(jié)合,使用非常方便。 @subject: wepy-redux-time-todo @author: leinov @date:2018-10-30 wepy-redux-time-todo showImg(ht...
閱讀 1841·2019-08-30 13:54
閱讀 2747·2019-08-29 17:27
閱讀 1139·2019-08-29 17:23
閱讀 3375·2019-08-29 15:20
閱讀 1256·2019-08-29 11:28
閱讀 1596·2019-08-26 10:39
閱讀 1362·2019-08-26 10:29
閱讀 673·2019-08-26 10:13