blog
blog copied to clipboard
本地工程mock插件
传统的mock都是把api从a.com通过本地替换方法等方式转发到b.com,其中 b.com 是另外一个服务器。这样mock至少有以下几个问题。
-
学习成本
对b.com内配置新的api有较大学习成本,往往还需要管理自己的项目空间
-
维护成本
如果你发现需要修改一下mock的数据,需要浏览器登录到b.com修改、保存、最后本地验证,如果涉及到反复修改明显效率不高。
- 本地替换方法达到域名转发的效果
某些做得比较好的mockjs只需要手动引入一个javascript脚本即可,这算是最简单的一种配置了。但这个会带来另外一个问题,项目上线的时候往往要手动删除这个脚本,或者至少要写另外一个任务来删除他。
- 项目被接手的难度
下一个接手的同学,不一定熟悉b.com的mock
思考是否可以把mock做成想 webpack 插件一样,即插即用,mock数据维护在本地项目中。
其实市面上已经有类似的开源项目了,感觉还可以做得更好,记录一下
---- 更新 2018.4.8 -----
可以试用 https://github.com/jun-lu/react-webpack-example ,webpack-dev-server 刚好可以完美的提供本地mock能力,他内部使用了express,并且开启了本地静态资源的服务。
最近发现本地mock不如有个mock平台更好一点