webpack的環境變量以及配置請求路徑


使用create-app-react創建項目,執行npm run eject暴露配置文件

進入config->env.js文件,在該文件中找到getClientEnvironment函數,此函數返回的是客戶端的環境變量

 

在getClientEnvironment函數中,NODE_ENV既為環境變量,在外部可以直接使用process.env.NODE_ENV獲取到當前環境

注:一般情況下是不會去修改PUBLIC_URL的,如果將文件放入public文件夾,webpack不會處理它。相反,它將被復制到構建文件夾中。需要引用public文件夾中的資源,這時才使用PUBLIC_URL。

在開發過程中,我們需要針對production和development環境配置不同的請求路徑,具體配置如下:

 

 這樣配置完成之后,可以在外部直接使用process.env.REQUEST_URL獲取到不同環境下的url。如下圖,當前環境為開發環境,輸出開發環境下的請求url

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM