[出来吹 B 了] 前端工程师如何对 PHP 页面实现前后端分离

[everyding]

题主进公司的时候已经有网站和 M 站主要负责 前端开发，之前是 .NET 转过来的，当前项目用的技术：Linux+Nginx+MySQL+PHP，发布系统也由 svn 改为gitlab，项目上线过程：开发->测试->生产。

看到网上很多解决方案，就是在添加中间层NodeJS，诸如淘宝中途岛项目，也有很多简单粗暴的添加一个artTemplate（ xxTemplate 其实就是更优雅的 zb ），由于题主兵少整个工程页面 100 多个，迁移工作量极大，于是乘着上次 M 站改版，就只对改版的几个页面做了分离，题主用SSI，将公用 html 部分页 提取出来方便维护，这个就和 PHP 中的 require inc/header.php 类似，而且还兼顾了 SEO 。

但是遇到如下问题：

• 路径问题， link 的 href ， js 的 src ， img 的 src ， background-image ，如何做到批量替换，用 gulp 工程化，来修改路径，如果有一种动态 html 编译器就更完美了，发布前编译；

• 前端项目发布 hook 脚本，在发布前将静态资源都 push 到静态服务器上未解决；

关于这类问题各路大神都是怎样完美解决的或者有什么成熟的框架工具，另外对于层出不穷的框架 angularjs 、 vuejs ，我觉得这些东西我都用不上， css （ less 、 sass ）、 js （ typescript 、 coffeescript ）， babel 、 grunt/gulp/webpack ，不知道诸位都是怎么看的？