如何搭建一个舒服的前端工程

Question

本人是一名后端攻城狮，一直以来想转前端。无奈还是做了后端。但是我觉得我还是不能放弃前端，所以想问问大家，怎么搭建前端构建环境，而不是像以前手动导入js css文件。
我尝试过搭建Grunt yeoman bower但是最后总感觉有包没有下载下来，但是听说现在又流行Gulp webpack构建了。我简直各种懵逼了。求大神们赐教，蟹蟹啦

Answer 1

前端工程向来都不是舒服的，特别是工程化后的前端；而且所谓的“舒服”，我认为是相对的，大概能从以下几方面说明吧：
1、取决于你的后端代码与前端代码的结合度。合理划分前端和后端的界限，做各自擅长的事情，会让你的舒适度上升；
2、取决于你项目的复杂度。如果是只是几个页面的小项目，那么，大可不必以工程化来度量是否"舒服"，只要你喜欢就是舒服的；如果是中大型项目，那么，前端的复杂程度是超乎想象的，那么工程化的结果，只能是让你觉得相对“舒服”，而不可能像小项目那么“舒服"。
3、合理利用各种前端工具，注意这里是“合理”。前端发展到目前，各类框架和工具日新月异，每天几乎都会有新的工具出来，每一种工具的背后都有一种思想在指导，有些大而全，有些小而美，总之归结一句话：工具只做工具该做的，别指望它能为你做份外的事情。

综上所述，舒不舒服，你喜欢。

以上仅代表个人意见，冒犯之处敬请原谅。(^__^)

Answer 2

vue 有个脚手架工具， vue-cli， 可以自动搭建工程， 然后你看 webpack 官方文档和 vue-cli 的代码结合学 webpack。 react 有本书上是用 yeoman， 不过我实际都是用 webpack 打包。 当然 react 也有脚手架工具。 如果缺包， 你要看 package.json ， 里面定义了所有依赖， npm install 是可以全部下载的。