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