关于传统后端模板项目，前端工程化的最佳实践？

Question

众所周知，我们都想用最新的技术webpack + vue + babel等等，提升用户体验和开发效率。但是现实是，我们维护的项目已经很大了，里面已经有数不清的业务逻辑了，随意重构的话，需要花费大量的人力物力，而且极有可能引入bug，所以如何在当前的传统项目下，使用前端工程化提升前端开发效率呢？

我先简单抛砖说下我的实践思路

因为是后端模板引擎的多页应用，我用的是php（类似于thinkphp），但其实基本所以后端语言都是类似的，包括jsp，aspx等

所以我最后选择的工程化工具是gulp

提供的功能主要就是以下几个：

1. 按照配置自动压缩、合并js
2. 自动编译less/sass
3. 缓存我写了一个task用来生成文件和对应的MD5的版本文件，后端模板引擎读取版本文件，并自动生成带版本号的静态资源链接。

本来打算使用RequireJS进行模块化处理的，但是如果上的话，以前的代码基本都要改，全要改成模块化，成本还是不少，所以目前只是暂时按功能合并js。

后面再考虑把所有后端请求换成RESTFul风格的接口，前端使用vue或react重写

想问下大家的想法，大家都是怎样实践的，欢迎大家一起讨论~

Answer 1

最近也在重构，不过我们选的是react的一套。
如果是之前就用了ajax的，比如说后端只提供数据，前面还是html+css+js的话，我感觉gulp够了。
但是如果是jsp那种。。。没想到啥好方法。
菜鸡的一些想法。。