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

資訊專欄INFORMATION COLUMN

roadhog+dva中環(huán)境變量的配置

Songlcy / 3006人閱讀

摘要：有時(shí)候我們?cè)诖a里需要根據(jù)環(huán)境變量來決定一些邏輯。常見的比如，在測(cè)試環(huán)境訪問的后端跟正式環(huán)境是不一樣的。是個(gè)服務(wù)于框架的命令行工具，主要就是提供和等命令，屏蔽了的復(fù)雜配置，提供了自己的相對(duì)簡(jiǎn)單的配置能力。顯然，這里的變量配置應(yīng)當(dāng)由來處理。

有時(shí)候我們?cè)诖a里需要根據(jù)環(huán)境變量來決定一些邏輯。常見的比如，在測(cè)試環(huán)境訪問的后端url跟正式環(huán)境是不一樣的。

不依賴框架的話，應(yīng)當(dāng)是基于webpack的define-plugin實(shí)現(xiàn)。如文檔中所示的：

new webpack.DefinePlugin({
  PRODUCTION: JSON.stringify(true),
  VERSION: JSON.stringify("5fa3b9"),
  BROWSER_SUPPORTS_HTML5: true,
  TWO: "1+1",
  "typeof window": JSON.stringify("object")
});

回到dva。
dva核心是個(gè)基于redux封裝的數(shù)據(jù)流方案，也可以當(dāng)成一個(gè)輕量級(jí)框架。從框架的角度來講，它其實(shí)很輕很輕，幾乎沒怎么管數(shù)據(jù)流之外的事情，只是簡(jiǎn)單地集成了少許幾個(gè)庫(kù)形成一個(gè)框架。

roadhog是個(gè)服務(wù)于框架的命令行工具，主要就是提供dev、build 和 test 等命令，屏蔽了webpack的復(fù)雜配置，提供了自己的相對(duì)簡(jiǎn)單的配置能力。

顯然，這里的變量配置應(yīng)當(dāng)由roadhog來處理。不要像我當(dāng)初一樣覺得dva是個(gè)框架就應(yīng)該有相關(guān)功能_(:зゝ∠)_

善用搜索引擎，從roadhog文檔 - define和相關(guān)討論容易找到方案。roadhog提供了define選項(xiàng)做DefinePlugin的事情。
具體使用:編輯.webpacrc.js

export default {
    define: {
        "process.env": {},
        "process.env.NODE_ENV": process.env.NODE_ENV,
        "process.env.API_ENV": process.env.API_ENV,
    },
}

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

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

相關(guān)文章

  • React+dva+webpack+antd-mobile 實(shí)戰(zhàn)分享（一）

    摘要：再看本篇文章之前，本人還是建議想入坑的童鞋可以選有來創(chuàng)建的項(xiàng)目，因?yàn)楝F(xiàn)在和還不成熟，坑相對(duì)要多一些，當(dāng)然如果你已經(jīng)做好跳坑的準(zhǔn)備，那么請(qǐng)繼續(xù)往下走本文適合對(duì)有一定了解的人。 再看本篇文章之前，本人還是建議想入坑react的童鞋可以選有create-react-app來創(chuàng)建react的項(xiàng)目，因?yàn)楝F(xiàn)在dva和roadhog還不成熟，坑相對(duì)要多一些，當(dāng)然如果你已經(jīng)做好跳坑的準(zhǔn)備，那么請(qǐng)繼續(xù)往...

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

  • 學(xué)習(xí)用TypeScript寫React組件

    摘要：為了折騰，簡(jiǎn)單的學(xué)習(xí)了下感覺確實(shí)不錯(cuò)。也為了不斷學(xué)習(xí)，避免落伍，所以就折騰不斷。既然這么多項(xiàng)目都提前使用了而我又是的粉，那么還是先研究下實(shí)現(xiàn)組件。鑒于本人也是學(xué)習(xí)，還有太多需要努力的。希望有志同學(xué)一起學(xué)習(xí)探討。 為了折騰， 簡(jiǎn)單的學(xué)習(xí)了下TypeScript, 感覺確實(shí)不錯(cuò)。 也為了不斷學(xué)習(xí)， 避免落伍， 所以就折騰不斷。 前段時(shí)間用ES6，antd+dva寫了一些demo, 發(fā)現(xiàn)an...

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

  • 工作中常見問題匯總及解決方案

    摘要：注本文是我在開發(fā)過程中遇到問題及解決方法的總結(jié)，之后會(huì)持續(xù)更新，希望幫助到更多的學(xué)習(xí)者。文中有不妥的地方希望指出共同學(xué)習(xí)，同時(shí)歡迎一起補(bǔ)充。 注：本文是我在開發(fā)過程中遇到問題及解決方法的總結(jié)，之后會(huì)持續(xù)更新，希望幫助到更多的學(xué)習(xí)者。文中有不妥的地方希望指出共同學(xué)習(xí)，同時(shí)歡迎一起補(bǔ)充。 npm篇 npm安裝依賴報(bào)錯(cuò)：permission denied，錯(cuò)誤信息大致如下： npm ERR!...

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

  • ? 基于 react + react-router + redux 構(gòu)建的移動(dòng)端微應(yīng)用

    摘要：項(xiàng)目地址基于構(gòu)建的移動(dòng)端單頁(yè)微應(yīng)用，適合于核心概念的理解與掌握。前言這個(gè)項(xiàng)目是介于版本之后并且完全仿照功能設(shè)計(jì)的版本。但隨之而來通常會(huì)有這樣的疑問概念太多，并且都是分離的分文件。 react-mobile-starter 項(xiàng)目地址 基于 react + redux + react-router 構(gòu)建的移動(dòng)端單頁(yè)微應(yīng)用，適合于react、redux、react-router核心概念的理解...

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

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

0條評(píng)論

閱讀需要支付1元查看
<