很多项目依然是前端编写后端模板(比如我厂使用的Freemarker), 这时, 如果没有后端的环境和数据, 就得干等着了. 不过总有些工具可以帮到我们, 比如FMPP(FreeMarker-based file PreProcessor)http://fmpp.sourceforge.net/. 提供了前端编译Freemarker模板到HTML的方法. 通过FMPP摆脱后端环境的束缚, 原理和后端渲染一样, 也是HTML = Freemarker + Data. 这样开启一个静态服务器即可调试了.
异步接口也是一样, 大多数接口都是类似/rest/user/这种格式, 前端可以本地开启服务器请求mock数据, 当后端环境准备好以后, 可以不用修改代码即可和后端对接, 上面很多答案提到了很多方法和工具. 我还是使用了express. 路由足够用.
最后, 还有一些和后端无关的工作, 比如修改文件自动刷新, 以及后续的构建工作, 我们可以使用Gulp, 并将上述的FMPP和express也集成进Gulp里(这就是基于编程的Gulp的优势吧).
最后数据怎么来的, 自己编太费劲, 我厂内刚整了一套前端接口管理平台, 自带数据模拟的功能, 配合Gulp的工作流, 简直完美.
我根据一些场景, 编写了一些gulpfile, 放到了Github上:zjzhome/Rapid-Dev-Activity-Page · GitHub. (最初只是做市场活动页面时对于前端调试不满而写).
最后推荐下 @郑海波 的puer: 超简单工具puer——“低碳”的前后端分离开发, 开启服务器, 自动刷新, mock请求, 集成了weinre, 亲测好用. gulp集成进express也是从puer受到启发. 同时puer本身也提供api可以集成进gulp可以作为express的中间件.
以上.
