roadhog+dva中环境变量的配置
栏目: JavaScript · 发布时间: 5年前
内容简介:有时候我们在代码里需要根据环境变量来决定一些逻辑。常见的比如,在测试环境访问的后端url跟正式环境是不一样的。不依赖框架的话,应当是基于webpack的回到dva。
有时候我们在代码里需要根据环境变量来决定一些逻辑。常见的比如,在测试环境访问的后端url跟正式环境是不一样的。
不依赖框架的话,应当是基于webpack的 define-plugin 实现。如文档中所示的:
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核心是个基于redux封装的数据流方案,也可以当成一个轻量级框架。从框架的角度来讲,它其实很轻很轻,几乎没怎么管数据流之外的事情,只是简单地集成了少许几个库形成一个框架。
roadhog是个服务于框架的命令行工具,主要就是提供dev、build 和 test 等命令,屏蔽了webpack的复杂配置,提供了自己的相对简单的配置能力。
显然,这里的变量配置应当由roadhog来处理。不要像我当初一样觉得dva是个框架就应该有相关功能_(:зゝ∠)_
善用搜索引擎,从 roadhog文档 - define
和 相关讨论
容易找到方案。roadhog提供了 define
选项做 DefinePlugin
的事情。
具体使用:编辑 .webpacrc.js
export default { define: { 'process.env': {}, 'process.env.NODE_ENV': process.env.NODE_ENV, 'process.env.API_ENV': process.env.API_ENV, }, }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- iOS 环境变量配置
- 皮肤可配置化:变量、样式分离
- Linux环境变量配置介绍及实战
- Linux环境变量配置介绍及实战
- Webpack介绍和使用(配置环境变量,打包依赖)
- ASP.NET Core 配置和使用环境变量
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
你凭什么做好互联网
曹政 / 中国友谊出版公司 / 2016-12 / 42.00元
为什么有人可以预见商机、超越景气,在不确定环境下表现更出色? 在规则之外,做好互联网,还有哪些关键秘诀? 当环境不给机会,你靠什么翻身? 本书为“互联网百晓生”曹政20多年互联网经验的总结,以严谨的逻辑思维分析个人与企业在互联网发展中的一些错误思想及做法,并给出正确解法。 从技术到商业如何实现,每个发展阶段需要匹配哪些能力、分解哪些目标、落实哪些策略都一一点出,并在......一起来看看 《你凭什么做好互联网》 这本书的介绍吧!