AMD构建(gulp插件amd-optimize的使用)

这里所说的AMD构建,是指AMD定义模块方式的代码构建。AMD=异步定义模块,具体查看官方AMD解释。

首先,所谓构建就是将多个文件合并压缩等,但是对于AMD定义的模块来说,模块之间存在这依赖关系,AMD构建主要就是解决这种模块之间的依赖关系,构建的方式很多种,下边是gulp 的amd-optimize插件构建笔记。

继续阅读全文 »

什么,你还不懂前端自动化构建?

如果你是搞前端开发的,或者你每天都在写CSS、JavaScript等前端编程语言代码,如果你不知道什么叫前端自动化构建,那一般只有两种情况:

  1. 你在传统软件行业,用着4、5年前网页开发方式工作;
  2. 你并不是一个真正的Front End Software Engineer;

什么是前端构建工具?

前端构建工具——实现前端代码的编译(sass、less)、压缩、测试;图片的压缩以及浏览器自动刷新等等功能。

目前流行的三大前端构建工具gruntgulpfis3,他们都是基于Node.js的插件工具。前两个是国外出品,fis3是百度国产。fis3听说还不错,但是还没使用过,之前学习NodeJS使用的是grunt,感觉这东西挺牛。智能、前端自动化。听说gulpgrunt好用些,所以就研究一下吧。

继续阅读全文 »