vue多項目配置,vuecli3.0+cross-env配置問題


cross-env相信大家都用過,這里就不過多描述,首先我們來安裝cross-env

npm install cross-env 或者yarn add cross-env

安裝完成之后就可以在項目中使用,有些腳手架自帶有cross-env(Ant-Design-Pro)所以就省去安裝了

今天給大家介紹的是vue-cli腳手架3.0+之后cross-env的使用方式

之前一直使用的vue-cli2.0,2.0配置文件很多,在開發和生產配置文件中配置了cross-env中的變量之后就能正常使用了,

但是vue-cli升級之后,文件是零配置,就是沒有之前那些個配置文件了,但是我們要修改配置文件怎么辦呢,根據官方文檔,我們知道是要新建一個vue.config.js來寫我的自己的配置

corss-env可以配置多項目和多環境,有時候我們有項目相似的時候為了方便就會用到這種配置

 

CLIENT_NAME是項目名稱,PREFIX是項目運行環境,當然,這是變量,可以自己隨意定義沒有硬性要求,只要符合變量定義規則就行。

cross-env自定義的變量有了,但是我們必須要能夠接收到這個變量,然后通過變量來區分項目和運行環境,不同的項目有不同的配置,

通過我們自定義的變量CLIENT_NAME和PREFIX來控制,因此我們需要拿到在package.json中定義的變量

沒做任何操作之前在頁面中獲取CLIENT_NAME是undefined

因此我們新建一個vue.config.js並在里面寫入這樣一段代碼

 

 這樣我們就可以接收到運行項目時候的配置了,

 


免責聲明!

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



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