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並在里面寫入這樣一段代碼

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

