umijs多環境配置 umi框架搭建

2021-10-13 12:17:30 字數 1204 閱讀 9828

環境準備

首先由node環境,確保node版本是10.13或以上(mac下推薦使用nvm來管理node版本)

$ node -v

v14.8.0

推薦使用 yarn 管理 npm 依賴,並使用國內源(阿里使用者使用內網源)。

# 國內源

$ npm i yarn tyarn -g

# 後面文件裡的 yarn 換成 tyarn

$ tyarn -v

# 阿里內網源

$ tnpm i yarn @ali/yarn -g

# 後面文件裡的 yarn 換成 ayarn

$ ayarn -v

腳手架先找個地方建個空目錄。

$ mkdir umi-react && cd umi-react

通過官方工具建立專案

copy: .editorconfig

write: .gitignore

copy: .prettierignore

copy: .prettierrc

write: .umirc.ts

copy: mock/.gitkeep

write: package.json

copy: readme.md

copy: src/pages/index.less

copy: src/pages/index.tsx

copy: tsconfig.json

copy: typings.d.ts

安裝依賴

$ yarn

yarn install v1.21.1

[1/4] ? resolving packages...

success already up-to-date.

✨ done in 0.71s.

啟動專案

umi配置環境變數

最開始參考了 umi判斷環境變數 umi如何配置環境變數 發現文章中大部分都是使用.umirc.ts檔案來進行處理的,而目前我使用umi搭建的框架則是使用config config.ts來進行處理的,那麼同時使用.umirc.ts和config.ts則會造成衝突,應該使用以下方法 一 在config...

Gradle多環境配置

在開發中遇到了多個不同的環境,比如測試環境,上線環境,甚至根據不同開發組有多個環境,平常做法就是建乙個類來儲存,然後在裡面不停的注釋來達到切換環境的效果,其實gradle提供了多環境配置,配置起來也挺簡單的,也不用之前的無腦注釋了.首先開啟自己的gradle,在buildtype裡面有當前的兩個環境...

SpringBoot 多環境配置

在我們的實際開發中,一般都有三套環境,開發環境,測試環境,生產環境,三套環境的資料庫連線配置也有所不同,比如,埠,ip位址等等。如果在打包時候都頻繁的修改配置檔案資訊,那必將是非常容易出錯的地方。還有乙個正式 在這個檔案中配置 spring.profiles.active test來指明對應哪個檔案...