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

資訊專(zhuān)欄INFORMATION COLUMN

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

cyrils / 1017人閱讀

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

平時(shí)我們開(kāi)發(fā)應(yīng)用時(shí)環(huán)境有開(kāi)發(fā)環(huán)境、測(cè)試環(huán)境、生產(chǎn)環(huán)境等,此時(shí)我們需要配置不同的環(huán)境,獲取不同的apiUrl前綴，以滿足日常開(kāi)發(fā)需要。

1.安裝 cross-env 插件 
npm install --save-dev cross-env
2.在config/config.js文件里配置開(kāi)發(fā)環(huán)境的apiUrl 
 define: {
    "process.env.apiUrl":"https://www.dev.com/"
  },
3.復(fù)制兩次config/config.js，并更改文件名為config/config.test.js 和 config/config.prod.js,分別配置apiUrl 
// config.test.js
 define: {
    "process.env.apiUrl":"https://www.test.com/"
  },
// config.prod.js
 define: {
    "process.env.apiUrl":"https://www.prod.com/"
  },
4.在其他文件可以獲取process.env.apiUrl 作為url前綴,如封裝axios的request.js 
// request.js
console.log(process.env.apiUrl);
5.在package.json 的scripts處配置打包命令 
"build-dev": "cross-env UMI_ENV=dev umi dev",
"build-test": "cross-env UMI_ENV=test umi build",
"build-prod": "cross-env UMI_ENV=prod umi build",

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

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

相關(guān)文章

  • UMI.js使用方法

    摘要：或者在中導(dǎo)入樣式文件存放全局通用請(qǐng)求存放通用方法這是時(shí)生產(chǎn)的臨時(shí)目錄，默認(rèn)包含和，有些插件也會(huì)在這里生成一些其他臨時(shí)文件。項(xiàng)目中常用于發(fā)送請(qǐng)求，等待服務(wù)端響應(yīng)數(shù)據(jù)。如果使用的裝飾器則為 umi.js使用方法 node環(huán)境安裝 在官網(wǎng)下載與系統(tǒng)相應(yīng)的node版本，node.js版本>=8.10 編輯器 推薦使用Visual Studio Code 安裝方法 安裝umi npm insta...

    hearaway 評(píng)論0 收藏0

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

    摘要：例外是上的，它使用本機(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)目越來(lái)越多，每一個(gè)項(xiàng)目打包都要去改這個(gè)變量的話真的是太蛋疼了，所以研究了一下webpack打包以及node env 主...

    bbbbbb 評(píng)論0 收藏0

  • 【umi插件開(kāi)發(fā)】控制臺(tái)二維碼

    摘要：在外部沒(méi)有好的檢查方案，好在在今年月的一個(gè)更新中，在事件中提供了，這為插件獲取端口號(hào)提供了簡(jiǎn)便的接口，具體可查看。擅長(zhǎng)網(wǎng)站建設(shè)公眾號(hào)開(kāi)發(fā)微信小程序開(kāi)發(fā)小游戲公眾號(hào)開(kāi)發(fā)，專(zhuān)注于前端領(lǐng)域框架交互設(shè)計(jì)圖像繪制數(shù)據(jù)分析等研究。 前言 在進(jìn)行移動(dòng)端webapp開(kāi)發(fā)時(shí)，你是否會(huì)想要在真機(jī)上調(diào)試項(xiàng)目。下面分析一下本地運(yùn)行項(xiàng)目時(shí)，真機(jī)調(diào)試需要的步驟和麻煩的點(diǎn)。 你需要將手機(jī)和運(yùn)行項(xiàng)目的電腦連接到同一...

    testbird 評(píng)論0 收藏0

  • Umi.js

    摘要：，中文可發(fā)音為烏米，是一個(gè)可插拔的企業(yè)級(jí)應(yīng)用框架。以路由為基礎(chǔ)的，支持類(lèi)的約定式路由，以及各種進(jìn)階的路由功能，并以此進(jìn)行功能擴(kuò)展，比如支持路由級(jí)的按需加載。全局存于目錄，所有頁(yè)面都可引用頁(yè)面不能被其他頁(yè)面所引用。 umi，中文可發(fā)音為烏米，是一個(gè)可插拔的企業(yè)級(jí) react 應(yīng)用框架。umi 以路由為基礎(chǔ)的，支持類(lèi) next.js 的約定式路由，以及各種進(jìn)階的路由功能，并以此進(jìn)行功能擴(kuò)展...

    30e8336b8229 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

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