任务流工具&&模块打包器

任务流工具

  传统的前端开发在最终发布前需要经历几个重要的阶段,也可以叫做任务流:

  1. 代码检查
  2. 编译SCSS文件
  3. 合并sprite图片
  4. 压缩合并代码
      后来出现了工具可以帮助前端工程师方便的完成这类工作,我们把它们就叫做任务流工具,比如grunt、gulp。

模块打包器

  任务流工具看起来能帮助前端工程师解决很多问题,似乎无所不能,但是它们有什么做不到的么?当然是有的,任务流工具无法帮助模块化开发。
  随着common.js和es6的出现,模块化开发在前端有了越来越多的实践。有一个工具能够让我们在开发的时候使用标准的模块化语法,而上线的时候又帮助我们编译、转换、合并成单个文件让浏览器运行,这个工具就是webpack。
  webpack还可以帮我们做一些任务流工具做的事情,比如说编译文件,比如说代码检查。

项目依赖&开发依赖

  如果你的项目使用到了webpack和gulp,它们也属于项目依赖,但这些与bootstrap、axios等有着根本的不同。webpack、gulp之类的,我们叫做开发依赖,而类似bootstrap、axios等的库叫做生产依赖。
  区分开发依赖和生产依赖有个简单的小技巧:当你的项目放到浏览器运行的时候,你还需要它吗?如果需要,那就是生产依赖。

你可能感兴趣的:(任务流工具&&模块打包器)