眾所周知，我們都想用最新的技術(shù)webpack + vue + babel等等，提升用戶體驗和開發(fā)效率。但是現(xiàn)實是，我們維護的項目已經(jīng)很大了，里面已經(jīng)有數(shù)不清的業(yè)務(wù)邏輯了，隨意重構(gòu)的話，需要花費大量的人力物力，而且極有可能引入bug，所以如何在當前的傳統(tǒng)項目下，使用前端工程化提升前端開發(fā)效率呢？我先簡單拋磚說下我的實踐思路因為是后端模板引擎的多頁應用，我用的是php（類似于thinkphp），但其實基本所以后端語言都是類似的，包括jsp，aspx等所以我最后選擇的工程化工具是gulp提供的功能主要就是以下幾個：按照配置自動壓縮、合并js自動編譯less/sass緩存我寫了一個task用來生成文件和對應的MD5的版本文件，后端模板引擎讀取版本文件，并自動生成帶版本號的靜態(tài)資源鏈接。本來打算使用RequireJS進行模塊化處理的，但是如果上的話，以前的代碼基本都要改，全要改成模塊化，成本還是不少，所以目前只是暫時按功能合并js。后面再考慮把所有后端請求換成RESTFul風格的接口，前端使用vue或react重寫想問下大家的想法，大家都是怎樣實踐的，歡迎大家一起討論~