umi 配置多環境打包

cyrils 發布于2019-08-23 15:04 / 1004人閱讀

摘要：平時我們開發應用時環境有開發環境測試環境生產環境等此時我們需要配置不同的環境獲取不同的前綴，以滿足日常開發需要。安裝插件在文件里配置開發環境的復制兩次，并更改文件名為和分別配置在其他文件可以獲取作為前綴如封裝的在的處配置打包命令

平時我們開發應用時環境有開發環境、測試環境、生產環境等,此時我們需要配置不同的環境,獲取不同的apiUrl前綴，以滿足日常開發需要。

1.安裝 cross-env 插件

npm install --save-dev cross-env

2.在config/config.js文件里配置開發環境的apiUrl

 define: {
    "process.env.apiUrl":"https://www.dev.com/"
  },

3.復制兩次config/config.js，并更改文件名為config/config.test.js 和 config/config.prod.js,分別配置apiUrl

// config.test.js
 define: {
    "process.env.apiUrl":"https://www.test.com/"
  },

// config.prod.js
 define: {
    "process.env.apiUrl":"https://www.prod.com/"
  },

4.在其他文件可以獲取process.env.apiUrl 作為url前綴,如封裝axios的request.js

// request.js
console.log(process.env.apiUrl);

5.在package.json 的scripts處配置打包命令

"build-dev": "cross-env UMI_ENV=dev umi dev",
"build-test": "cross-env UMI_ENV=test umi build",
"build-prod": "cross-env UMI_ENV=prod umi build",

云服務器 GPU云服務器多文件打包 Umi 多租戶環境多線程環境

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/101465.html

UMI.js使用方法

摘要：或者在中導入樣式文件存放全局通用請求存放通用方法這是時生產的臨時目錄，默認包含和，有些插件也會在這里生成一些其他臨時文件。項目中常用于發送請求，等待服務端響應數據。如果使用的裝飾器則為 umi.js使用方法 node環境安裝在官網下載與系統相應的node版本，node.js版本>=8.10 編輯器推薦使用Visual Studio Code 安裝方法安裝umi npm insta...

hearaway 2019-08-23 16:56 評論0 收藏0
cross-env使用以及根據環境打包

摘要：例外是上的，它使用本機。同樣，和命令如何利用環境變量也有所不同。第二步，修改文件新增一條如上命令當執行時，設置為同理設置為然后在文件中即可根據這個變量設置相應的路徑。關于文章首發于使用以及根據環境打包關于之前的項目打包都是靠手動去改環境變量(純屬沙雕行為)，隨著項目越來越多，每一個項目打包都要去改這個變量的話真的是太蛋疼了，所以研究了一下webpack打包以及node env 主...

bbbbbb 2019-08-23 18:24 評論0 收藏0
【umi插件開發】控制臺二維碼

摘要：在外部沒有好的檢查方案，好在在今年月的一個更新中，在事件中提供了，這為插件獲取端口號提供了簡便的接口，具體可查看。擅長網站建設公眾號開發微信小程序開發小游戲公眾號開發，專注于前端領域框架交互設計圖像繪制數據分析等研究。前言在進行移動端webapp開發時，你是否會想要在真機上調試項目。下面分析一下本地運行項目時，真機調試需要的步驟和麻煩的點。你需要將手機和運行項目的電腦連接到同一...

testbird 2019-08-26 10:22 評論0 收藏0
Umi.js

摘要：，中文可發音為烏米，是一個可插拔的企業級應用框架。以路由為基礎的，支持類的約定式路由，以及各種進階的路由功能，并以此進行功能擴展，比如支持路由級的按需加載。全局存于目錄，所有頁面都可引用頁面不能被其他頁面所引用。 umi，中文可發音為烏米，是一個可插拔的企業級 react 應用框架。umi 以路由為基礎的，支持類 next.js 的約定式路由，以及各種進階的路由功能，并以此進行功能擴展...

30e8336b8229 2019-08-26 13:29 評論0 收藏0