对前后端未分离的项目，想用打包工具对js和css进行压缩以及页面添加版本号，更适合选用什么构建工具，webpack支不支持？

Question

目前公司大部分的项目还是处于前后端未分离的状态，后台代码是java写的，页面交给前端人员处理，基于老的jquery形式，就是很常规的那种页面，前后端未分离，也没有进行模块化处理。但是现在就是想对所有这类的老项目进行静态资源文件处理，对所有的js和css进行压缩，以及所有的html页面上线时能添加上版本号，想问下哪种构建工具用来实现好一些，webpack好像不支持以html页面作为入口文件，目前用gulp实现了一个，想问问大神们，除了这个，还有没有更好的解决方案，求推荐！！

我们老项目的静态资源结构是下面这种：

所有的静态资源文件放在static文件夹下
|-- static # 源代码

|-- common                    # 基础JS 文件
    |-- base                 # 基础js
    |-- util                 # 常用公共方法
|-- base                 # 基础css 文件
|-- images               # image 文件
 |-- tools                # 相关工具（jquery，cookie等）
 |-- vendor               # 第三方插件
|-- libs                 # 内部组件
    |-- lib-1                 # 组件1
    |-- lib-2                 # 组件2
     |-- ...
|-- Project       # 项目总文件夹

    |-- js                   # 业务逻辑（按文件夹区分）
    |-- css                  # 页面样式
    |-- images               # image 文件

与stati同级目录下的view文件放各个小模块的html文件，如图所示：

每个html的页面结构如图所示：

html的页面结构其实是很传统的那种link上引入对应的css文件，下面script引入对应的js文件，是已经写好的html页面。对于这种项目结构，想对所有的static文件中的js和css文件进行代码压缩，以及views文件下的所有html页面添加版本号，适合选用什么样的构建工具好一些呀？

目前我是用gulp实现了一个，但是想试试webpack行不行，webpack好像不支持以html作为入口文件，都是js文件作文入口文件，然后生成新的html页面，但是我的所有其实都是写好的，是不是不能用webpack来处理，有没有其他推荐来处理这种老项目的所有静态资源文件呀？

Answer 1

你用gulp写好其实没必要用其他的了，gulp也好webpack也好就只是一个工具而已！

Answer 2

想问一下gulp是怎么实现的啊，我的项目结构和你的一模一样

Answer 3

我也想问一下怎么实现的呀？现在正在干这事儿。

Answer 4

可以用python写个小工具