本篇文章為大家展示了如何配置vue-cli環(huán)境變量,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細(xì)介紹希望你能有所收獲。
成都創(chuàng)新互聯(lián)不只是一家網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司;我們對營銷、技術(shù)、服務(wù)都有自己獨(dú)特見解,公司采取“創(chuàng)意+綜合+營銷”一體化的方式為您提供更專業(yè)的服務(wù)!我們經(jīng)歷的每一步也許不一定是最完美的,但每一步都有值得深思的意義。我們珍視每一份信任,關(guān)注我們的成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作質(zhì)量和服務(wù)品質(zhì),在得到用戶滿意的同時,也能得到同行業(yè)的專業(yè)認(rèn)可,能夠?yàn)樾袠I(yè)創(chuàng)新發(fā)展助力。未來將繼續(xù)專注于技術(shù)創(chuàng)新,服務(wù)升級,滿足企業(yè)一站式營銷型網(wǎng)站需求,讓再小的品牌網(wǎng)站建設(shè)也能產(chǎn)生價值!
Vue是一款友好的、多用途且高性能的JavaScript框架,使用vue可以創(chuàng)建可維護(hù)性和可測試性更強(qiáng)的代碼庫,Vue允許可以將一個網(wǎng)頁分割成可復(fù)用的組件,每個組件都包含屬于自己的HTML、CSS、JavaScript,以用來渲染網(wǎng)頁中相應(yīng)的地方,所以越來越多的前端開發(fā)者使用vue。
首先可以安裝cross-env
npm install cross-env --save-dev
vue-cli的配置本質(zhì)就是webpack的配置,當(dāng)我們運(yùn)行npm run dev
的時候,其實(shí)執(zhí)行的是package.json中的scripts 的dev中 ,即build/dev-server.js 這里面一系列的配置啟動整個服務(wù).
我們只想加一個環(huán)境變量,可以復(fù)制一份,在dev下加一個devtest命令:
"devtest": "cross-env TESTING=true node build/dev-server.js",
這樣我們就可以通過npm run devtest也能啟動整個服務(wù)了,注意上面的命令,我們加了一個TESTING=true ,這個就是加入的環(huán)境變量,TESTING:true, 通過上面的devtest的配置,我們可以運(yùn)行npm run devtest像nppm run dev那樣運(yùn)行起來整個程序,不過我們發(fā)現(xiàn),此時在項(xiàng)目中我們獲取不到process.env.TESTING這個變量,這是為什么呢,如果是直接用webpack是可以的,經(jīng)過查看,是在vue-cli的一系列配置文件中,已經(jīng)寫死了這些,不過我們可以改動加上
在根目錄 config下,有dev.env.js和prod.env.js,這兩個文件就是關(guān)鍵了,我們在NODE_ENV下面加一行TESTING:process.env.TESTING
module.exports = { NODE_ENV: '"production"', TESTING: process.env.TESTING }
這時我們就能全局訪問process.env.TESTING變量了,當(dāng)我們npm run dev的時候,這個是undefined,當(dāng)npm run devtest的時候是true, 同理我們可以添加一個npm run test命令, 與npm run build命令對應(yīng),加入打包測試的環(huán)境變量.
vue-cli的配置本質(zhì)還是webpack的配置, 普通的webpack配置也可以采用此方法.
上述內(nèi)容就是如何配置vue-cli環(huán)境變量,你們學(xué)到知識或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識儲備,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)頁名稱:如何配置vue-cli環(huán)境變量
URL標(biāo)題:http://m.newbst.com/article34/pdsipe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供、網(wǎng)站排名、關(guān)鍵詞優(yōu)化、搜索引擎優(yōu)化、網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)