AntDesign多環(huán)境配置啟動過程詳解
環(huán)境分類
可以分為 本地環(huán)境、測試環(huán)境、生產(chǎn)環(huán)境等，通過對不同環(huán)境配置內容，來實現(xiàn)對不同環(huán)境做不同的事情。
AntDesign 項目，通過 config.xxx.ts 添加不同的后綴來區(qū)分配置文件，啟動時候通過后綴啟動即可。
config.ts : 公共配置config.xxx.ts：不同環(huán)境的差異配置
1 查看當前環(huán)境
通過代碼process.env.NODE_ENV 查看開發(fā)環(huán)境
用了 umi 框架，build 時會自動傳入 NODE_ENV == production 參數(shù)，start NODE_ENV 參數(shù)為 development
- 開發(fā)環(huán)境：development
- 生產(chǎn)環(huán)境：production
2 配置文件
不同項目都有不同的配置文件，umi的配置文件是config，可以在配置文件后添加對應的環(huán)境后綴來區(qū)分不同的環(huán)境。
參考文檔：https://umijs.org/docs/api/api
- 公共環(huán)境：
config.ts - 開發(fā)環(huán)境：
config.dev.ts - 生產(chǎn)環(huán)境：
config.prod.ts
3 修改請求后端地址
通過自定義的request中的prefix設置請求后端地址
4 打包
打包方式分為命令行或界面按鈕兩種，最終都會生成dist目錄。
Build 出來的環(huán)境process.env.NODE_ENV值是production
命令行方式，記得要在項目根目錄執(zhí)行。
方式一：
npm run build
方式二：
umi build
方式三：
按鈕觸發(fā)，跟方式二一樣，方式二是命令行
5 啟動
安裝 serve
server 是前端啟動的工具，方便本地啟動
npm i -g serve
命令行啟動
// 進入打包目錄 cd ./dist // 本地啟動 serve
點擊鏈接訪問即可
總結
前端的多環(huán)境配置，相對于后端有些麻煩，還有很多可以優(yōu)化的空間。
以上就是AntDesign多環(huán)境配置啟動過程詳解的詳細內容，更多關于AntDesign多環(huán)境配置啟動的資料請關注腳本之家其它相關文章！
相關文章
在數(shù)據(jù)庫設計中,有時候需要使用復合主鍵來唯一標識表中的一行數(shù)據(jù),本文將為您詳細介紹MyBatis Plus中復合主鍵的問題以及解決方案,具有一定的參考價值,感興趣的可以了解一下2023-09-09
本篇文章主要介紹了JAVA微信掃碼支付模式一線下支付功能實現(xiàn)，具有一定的參考價值，有需要的可以了解一下。2016-11-11
java基于quasar實現(xiàn)協(xié)程池的方法示例
本文主要介紹了java基于quasar實現(xiàn)協(xié)程池的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧<BR>2022-06-06
Spring MVC+FastJson+Swagger集成的完整實例教程
這篇文章主要給大家分享介紹了關于Spring MVC+FastJson+Swagger集成的完整實例教程，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。2018-04-04
這篇文章主要介紹了SpringBoot集成JWT令牌詳細說明,JWT方式校驗方式更加簡單便捷化，無需通過redis緩存，而是直接根據(jù)token取出保存的用戶信息，以及對token可用性校驗，單點登錄，驗證token更為簡單,需要的朋友可以參考下2023-10-10
這篇文章主要介紹了SpringDataJpa的@Query注解報錯的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-12-12
mybatis-plus?Wrapper條件構造器updateForSet更新方式
這篇文章主要介紹了mybatis-plus?Wrapper條件構造器updateForSet更新方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
Java notify和notifyAll的區(qū)別和相同
本文主要介紹Java notify和notifyAll的知識，這里整理詳細的資料來說明notify 和NotifAll的區(qū)別，有需要的小伙伴可以參考下2016-09-09
這篇文章主要介紹了Java關于遠程調試程序教程(以Eclipse為例),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
這篇文章主要介紹了Java對數(shù)器驗證算法，Java對數(shù)函數(shù)的計算方法非常有問題，然而在API中卻有驚人的誤差。但是假如運用了以下的方法，用Java處理數(shù)字所碰到的小麻煩就可以輕而易舉的解決了2023-04-04