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