前后端开发流程优化

jianglibo 发布于 2016/02/19 14:21
阅读 9
收藏 0

前端技术发展很快,利用node生态圈提供的丰富而成熟的工具,可以提升开发效率、优化代码结构,提高软件品质。

java生态圈中的资源处理以动态居多,通过servlet也可以完成资源的concat,minify等功能。利用ant,maven,gradle也可以预处理,不管怎样,比起node生态圈,在处理这类问题上要弱许多。

与技术栈无关,利用nodejs的资源预处理技术,会对整过开发流程发生深远的影响,特别是在前后端解耦的技术公司,会带来超爽的编程体验。这是其中的一个屏幕截图(请将公司的显示器换成宽屏21:9).

IMG_1253.JPG

左边是atom编辑器,右上角是浏览器,右下角是console(或者chrome dev panel)。

当你在编辑器里面编辑的时候:

如果编辑js代码,浏览器会自动刷新

如果是css代码,甚至浏览器都不用刷新,会自动注入变化的css

如果是服务器mock代码,会自动新开一个tab以反映服务器代码的变化。

当你需要发布版本时,执行一个gulp xxx命令,会将所有的代码concat,uglify,同时自动修改html中的链接,指向以文件hash为名的url(可以永久cache的链接)。比如之前:


QQ图片20160219134544.png

之后:

/js/5ac98c24ba37b8bf4426-app.js(允许永久缓存)

/js/3a827suwiba37b8bf4568-app.css(允许永久缓存)

利用合适的工具,可以得到下列(仅仅是部分)好处:

编写模块化的代码,杜绝名字空间的冲突。commonjs,amd,es6 module都没问题。

直接使用es6代码,通过babel自动转换成当前浏览器使用的代码

通过mock,完全分离客户端和服务器端的开发。

粗略介绍了一个node的build技术,总结一下我能提供的服务就是:

将node生态圈的成熟技术引入到贵公司的开发流程中。

如果贵公司是围绕github和slack组织开发,也可以适度参数代码编写。可以马上切入的语言是js,java,需要一定时间适应的有perl,clojure,python等。

加载中
返回顶部
顶部