javascript - 如何构建自动化的前端开发流程？

Question

什么是自动化的前端开发流程？
如何构建自动化的前端开发流程？
对这个概念很模糊。。。

Answer 1

自动当然是相对于手动而言的。

手动：

• 自己放置并引用JS库和CSS框架
• 自己处理各个模块的添加/删除/依赖关系
• 自己压缩合并JS和CSS
• 自己构建测试环境
• 自己FTP传到网站上部署
• 自己备份各个版本的差异
• 总之就是什么都自己来

自动：几条命令电脑做。

如果没有手动开发一个完整前端项目的经历，请先至少手动来一遍。其一是体验下有多麻烦，其二是不熟悉操作背后的本质，也用不好自动化工具。然后再学开发流程自动化就明白爽了。

你可以看下百度FIS的首页。并非推荐特定产品，只是定性接触一下开发自动化的概念。

具体用的工具虽然不特别列举，不过推荐一个Grunt。

Answer 2

如果你需要长久受益的工具请使用Makefile以及bash脚本，足够灵活和简洁，FIS和grunt那些工具尽管易于上手，但是受限太多

Answer 3

推荐构建web应用的工作流

Yeoman

Yeoman集成了yo（脚手架工具），bower（包管理工具），grunt（构建工具）
相当省时省力

Answer 4

少年，看这个 http://segmentfault.com/q/1010000003015428/a-1020000003020421

Answer 5

还是不要自动的好。尽管每次配置都近似，但是对及具体项目肯定会有自己的配置。
如果是有团队开发，那可以把这个任务交给某个人，其余的及各干各的。

Answer 6

写框架吧 把js 和css 全规范化？