如何构建自动化的前端开发流程?

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

阅读 10k
6 个回答

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

手动:

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

自动:几条命令电脑做。

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

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

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

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

推荐构建web应用的工作流

Yeoman

Yeoman集成了yo(脚手架工具),bower(包管理工具),grunt(构建工具)
相当省时省力

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

新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏