對前后端未分離的項目，想用打包工具對js和css進行壓縮以及頁面添加版本號，更適合選用什么構(gòu)建工具，webpack支不支持？

目前公司大部分的項目還是處于前后端未分離的狀態(tài)，后臺代碼是java寫的，頁面交給前端人員處理，基于老的jquery形式，就是很常規(guī)的那種頁面，前后端未分離，也沒有進行模塊化處理。但是現(xiàn)在就是想對所有這類的老項目進行靜態(tài)資源文件處理，對所有的js和css進行壓縮，以及所有的html頁面上線時能添加上版本號，想問下哪種構(gòu)建工具用來實現(xiàn)好一些，webpack好像不支持以html頁面作為入口文件，目前用gulp實現(xiàn)了一個，想問問大神們，除了這個，還有沒有更好的解決方案，求推薦！！

我們老項目的靜態(tài)資源結(jié)構(gòu)是下面這種：

所有的靜態(tài)資源文件放在static文件夾下
|-- static # 源代碼

|-- common                    # 基礎(chǔ)JS 文件
    |-- base                 # 基礎(chǔ)js
    |-- util                 # 常用公共方法
|-- base                 # 基礎(chǔ)css 文件
|-- images               # image 文件
 |-- tools                # 相關(guān)工具（jquery，cookie等）
 |-- vendor               # 第三方插件
|-- libs                 # 內(nèi)部組件
    |-- lib-1                 # 組件1
    |-- lib-2                 # 組件2
     |-- ...
|-- Project       # 項目總文件夾

    |-- js                   # 業(yè)務(wù)邏輯（按文件夾區(qū)分）
    |-- css                  # 頁面樣式
    |-- images               # image 文件

與stati同級目錄下的view文件放各個小模塊的html文件，如圖所示：

每個html的頁面結(jié)構(gòu)如圖所示：

html的頁面結(jié)構(gòu)其實是很傳統(tǒng)的那種link上引入對應(yīng)的css文件，下面script引入對應(yīng)的js文件，是已經(jīng)寫好的html頁面。對于這種項目結(jié)構(gòu)，想對所有的static文件中的js和css文件進行代碼壓縮，以及views文件下的所有html頁面添加版本號，適合選用什么樣的構(gòu)建工具好一些呀？

目前我是用gulp實現(xiàn)了一個，但是想試試webpack行不行，webpack好像不支持以html作為入口文件，都是js文件作文入口文件，然后生成新的html頁面，但是我的所有其實都是寫好的，是不是不能用webpack來處理，有沒有其他推薦來處理這種老項目的所有靜態(tài)資源文件呀？