blog icon indicating copy to clipboard operation
blog copied to clipboard

本地工程mock插件

Open jun-lu opened this issue 8 years ago • 1 comments

传统的mock都是把api从a.com通过本地替换方法等方式转发到b.com,其中 b.com 是另外一个服务器。这样mock至少有以下几个问题。

  1. 学习成本

    对b.com内配置新的api有较大学习成本,往往还需要管理自己的项目空间

  2. 维护成本

如果你发现需要修改一下mock的数据,需要浏览器登录到b.com修改、保存、最后本地验证,如果涉及到反复修改明显效率不高。

  1. 本地替换方法达到域名转发的效果

某些做得比较好的mockjs只需要手动引入一个javascript脚本即可,这算是最简单的一种配置了。但这个会带来另外一个问题,项目上线的时候往往要手动删除这个脚本,或者至少要写另外一个任务来删除他。

  1. 项目被接手的难度

下一个接手的同学,不一定熟悉b.com的mock

思考是否可以把mock做成想 webpack 插件一样,即插即用,mock数据维护在本地项目中。

其实市面上已经有类似的开源项目了,感觉还可以做得更好,记录一下

---- 更新 2018.4.8 -----

可以试用 https://github.com/jun-lu/react-webpack-examplewebpack-dev-server 刚好可以完美的提供本地mock能力,他内部使用了express,并且开启了本地静态资源的服务。

jun-lu avatar Jan 26 '18 07:01 jun-lu

最近发现本地mock不如有个mock平台更好一点

jun-lu avatar Nov 14 '18 08:11 jun-lu