wepy根據不一樣打包命令配置不一樣的全局變量

背景

公司小程序的技術方案採用的一直的是wepy框架,支持組件化、promise、支持ES6/7 等優勢,可是隨着業務的增多,出現了不一樣環境、和不一樣的埋點域名等一直手動切換,不免出現一些遺漏的問題,故此網上查找資料根據命令自動化打包html

方案

wepy的框架有個公共的配置文件wepy.config.js文件是項目運行的時候統一的配置管理文件、相信vue、react等都有相似的配置文件,此次咱們用到的是【babel-plugin-transform-node-env-inline】他的做用就是在業務代碼中能夠找到node的process全局對象,vue

而後經過咱們經常使用的node對象中的process.env.NODE_ENV在package.json中去配置不一樣字段打印不一樣的域名判斷;具體的邏輯以下:node

  • 安裝依賴

clipboard.png

  • 查看package.json是否安裝成功、wepy.config.js配置plugins

clipboard.png

clipboard.png

  • 建立config文件封裝公共的打包方法、拋出域名

clipboard.png

  • 執行不一樣的命令、執行不一樣的環境watch

clipboard.png

參考資料:
https://blog.csdn.net/sdfujic...react

https://github.com/Tencent/we...webpack

https://www.webpackjs.com/plu...git

https://www.jianshu.com/p/9c2...github

https://blog.csdn.net/sdfujic...web

相關文章
相關標籤/搜索