高级前端工程师在开发传统页面的时候都有什么流程和工具？

Question

在开发Vue这种SPA的时候通常都有固定的流程，比如说脚手架生成npm的依赖，然后安装依赖，进行Webpack个性化配置，jslint配置，然后就可以上手写components等等。

那开发传统页面（非SPA）的时候都有哪些流程呢？

我们在学校和网上视频学到的都是手工引入css，js，然后直接在编辑器里面写html，然后浏览器打开运行测试，这种流程是不是过时了？（因为有的时候网页的header和footer部分都是公用的，在没有后端模版引擎的情况下，我们都得手工复制粘贴这个部分，如果要修改header或者footer的html，也要一个一个文件修改。我想肯定还有更加科学合理的开发流程和更方便工具，比如说百度的FIS3等等，不过这个我还在看文档学习中），求各位高级前端工程师分享分享你们的开发流程和用到的工具，或者有相关的实战教程也可以推荐给我们看看。谢谢！！！

Answer 1

过时是过时，但最基本的东西还是要了解的，体会了“不便”之后你才能更好地理解现有工具的思路、原理和便捷之处。

我不是什么前端高级工程师，平常也没用多少大家都在用的高级构建工具，但可以给你个建议，你先使用最原始的方法开发，你会发现一些不便的地方，这时你再去用webpack什么的工具，或者一些UI框架，体会一下区别，你会有自己的感受的。

Answer 2

在开发传统项目的时候 使用FIS3是个不错的选择，api文档相对比较友好，并且内置的很多功能可以直接使用，
在对fis有一定了解之后 可以推荐去学习gulp这样基于任务流思想的工具 ，这个工具就需要你自己去配置很多东西来达到开发目的，可以加深工具的每一步是干了什么
最后如果你以后要去开发spa这样的webapp 可以再去接触webpack也不晚

Answer 3

首先，webpack也是可以开发多页面的。
其次，如果你觉得webpack太繁琐，可以使用gulp去开发，你所谓的公共头部，公共尾部，都有相应的插件帮你你处理，这些只需要及其简单的配置就可以完成了。

gulp往复杂方面配置，可以实现和webpack同样的效果，但那时用webpack是更好的选择了。