javascript - 多页面的前端项目用什么工具构建比较好？

Question

多页面的前端项目用什么工具构建比较好？如pc站点前端这种项目页面超多。
webpack,gulp,grunt,fis?

目录如下

• src/ # 开发目录

  • static/ # 静态资源目录

    • img/

    • sass/

    • js/

  • page/ #html页面

    • index.html

    • page1.html

    • pagen+++.html #狠多页面

• dist/ # 编译输出目录，即发布目录

  • static/

    • img/

    • css/

    • js/

  • page/

    • index.html

    • page1.html

    • pagen+++.html

Answer 1

在我看来，webpack只是一个资源打包器，构建还包含各种任务管理，如测试，上线任务管理等
我认为要真能称得上构建工具就是gulp和grunt,(fis不甚了解)
推荐gulp, 不管是从速度上的流加载，插件数据，还是从流行度（github上star),gulp成长都算是迅猛的
至于grunt，算是比较老的构建工具了，基于文件及配置分离，逻辑性较弱
另外grunt和gulp都还可以使用各种node模块定制相应的自己的插件

Answer 2

不要从页面出发来规划项目，得从原子化的 component 封装好大点的 module 或 app。多用用 Webpack 你就知道了。