成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

cross-env使用以及根據(jù)環(huán)境打包

bbbbbb / 3566人閱讀

摘要：例外是上的，它使用本機(jī)。同樣，和命令如何利用環(huán)境變量也有所不同。第二步，修改文件新增一條如上命令當(dāng)執(zhí)行時(shí)，設(shè)置為同理設(shè)置為然后在文件中即可根據(jù)這個(gè)變量設(shè)置相應(yīng)的路徑。關(guān)于文章首發(fā)于使用以及根據(jù)環(huán)境打包

關(guān)于

之前的項(xiàng)目打包都是靠手動(dòng)去改環(huán)境變量(純屬沙雕行為)，隨著項(xiàng)目越來越多，每一個(gè)項(xiàng)目打包都要去改這個(gè)變量的話真的是太蛋疼了，所以研究了一下webpack打包以及node env

主要

這樣做有什么好處?

  publicPath: process.env.APP_ENV === "production" ? "https://cdn.xxxx.com/brand-mall-chengdong/" : "/",
  outputPath: "./brand-mall-chengdong",

之前都是每次打包手動(dòng)修改這個(gè)靜態(tài)資源的地址，修改之后根據(jù)環(huán)境變量自動(dòng)區(qū)分

第一步，安裝cross-env 

yarn add [email protected] [email protected] 
什么是cross-env?
解:當(dāng)您使用NODE_ENV=production類似設(shè)置環(huán)境變量時(shí)，大多數(shù)Windows命令提示將會(huì)阻塞 。（例外是Windows上的Bash，它使用本機(jī)Bash。）同樣，Windows和POSIX命令如何利用環(huán)境變量也有所不同。使用POSIX，您可以使用：$ENV_VAR 和您使用的Windows %ENV_VAR%。

第二步，修改package.json文件

    "build": "cross-env APP_ENV=production umi build",
    "build:test": "cross-env APP_ENV=test umi build",

新增一條如上命令,當(dāng)執(zhí)行npm run build時(shí)，設(shè)置proess.env.APP_ENV為production ,同理設(shè)置為test.然后在config.js文件中即可根據(jù)這個(gè)變量設(shè)置相應(yīng)的路徑。

關(guān)于

文章首發(fā)于cross-env使用以及根據(jù)環(huán)境打包

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/105168.html

相關(guān)文章

  • vue:不同環(huán)境配置不同的打包命令

    摘要：最近做的一個(gè)項(xiàng)目是配置了三個(gè)環(huán)境的正式環(huán)境測試環(huán)境和開發(fā)環(huán)境，下面以這個(gè)為例第一步安裝或者在中加上進(jìn)行安裝依賴這是我項(xiàng)目的目錄第二步修改各環(huán)境下的參數(shù)在目錄下添加。 最近做的一個(gè)項(xiàng)目是配置了三個(gè)環(huán)境的：正式環(huán)境、測試環(huán)境和開發(fā)環(huán)境，下面以這個(gè)為例 第一步：安裝cross-env npm i --save-dev cross-env 或者在 package.json中加上cross-e...

    gyl_coder 評論0 收藏0

  • 五步帶你完成vue-cli 項(xiàng)目打包一鍵部署（測試）服務(wù)

    摘要：初始化項(xiàng)目測試服務(wù)已經(jīng)準(zhǔn)備前提已經(jīng)準(zhǔn)備好了注意一鍵部署都可以使用在根目錄新建文件夾類容如下類容如下文件類容如下正在發(fā)布到生產(chǎn)測試服務(wù)器這個(gè)路徑是你需要上傳到服務(wù)器的文件夾路徑發(fā)布失敗成功發(fā)布到生產(chǎn)測試服務(wù)器文件類容如下讀取環(huán)境變量文件判斷打 初始化vue項(xiàng)目, 測試服務(wù)已經(jīng)準(zhǔn)備（前提已經(jīng)準(zhǔn)備好了） 注意: 一鍵部署 vue2.0~3.0 都可以使用 1、在根目錄 新建deploy 文件...

    cgh1999520 評論0 收藏0

  • umi 配置多環(huán)境打包

    摘要：平時(shí)我們開發(fā)應(yīng)用時(shí)環(huán)境有開發(fā)環(huán)境測試環(huán)境生產(chǎn)環(huán)境等此時(shí)我們需要配置不同的環(huán)境獲取不同的前綴，以滿足日常開發(fā)需要。安裝插件在文件里配置開發(fā)環(huán)境的復(fù)制兩次，并更改文件名為和分別配置在其他文件可以獲取作為前綴如封裝的在的處配置打包命令 平時(shí)我們開發(fā)應(yīng)用時(shí)環(huán)境有開發(fā)環(huán)境、測試環(huán)境、生產(chǎn)環(huán)境等,此時(shí)我們需要配置不同的環(huán)境,獲取不同的apiUrl前綴，以滿足日常開發(fā)需要。 1.安裝 cross-e...

    cyrils 評論0 收藏0

  • 基于webpack模仿vue-cli（簡略版）工程化

    摘要：但高度封裝的帶來方便的同時(shí)，很多人卻很少去關(guān)注輪子的內(nèi)部結(jié)構(gòu)，以至于當(dāng)使用需要手動(dòng)配置一些東西如編譯實(shí)現(xiàn)代碼壓縮，移動(dòng)端適配等配置的時(shí)候往往無從下手。廢話不多說，下面我們來看看如何基于模仿實(shí)現(xiàn)項(xiàng)目工程化。 從零搭建vue-cli 原創(chuàng)不易，如需轉(zhuǎn)載請聯(lián)系作者并注明出處 vue-cli的出現(xiàn)為vue工程化前端開發(fā)工作流提供了開箱即用的構(gòu)建配置，減輕了煩人的webpack配置流程。但高度封...

    GitCafe 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<