现在 watch 中已经集成了 livereload ,所以把它们放在一起说明。
watch 可以监控特定的文件,在添加文件、修改文件、或者删除文件的时候自动执行自定义的任务,比如 livereload 等等。
1. 安装
项目定义在 GitHub 上,地址:https://github.com/gruntjs/grunt-contrib-watch
可以通过 NPM 直接进行安装
...
分类:
其他好文 时间:
2016-05-18 19:13:48
阅读次数:
160
1、什么是Vue.js? 众所周知,最近几年前端发展非常的迅猛,除各种框架如:backbone、angular、reactjs外,还有模块化开发思想的实现库:sea.js 、require.js 、webpack以及前端上线部署集成工具如: grunt、gulp、fis等。 Vue.js与react ...
分类:
Web程序 时间:
2016-05-18 16:08:36
阅读次数:
228
什么是webpack? 他有什么优点? 首先对于很多刚接触webpack人来说,肯定会问webpack是什么?它有什么优点?我们为什么要使用它?带着这些问题,我们来总结下如下: Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包,它能有Grunt或Gulp所有基本功能。优点如下 ...
分类:
Web程序 时间:
2016-05-17 12:58:53
阅读次数:
139
【课程介绍】:作为一名开发人员,在WEB前端项目开发中,重复而枯燥的工作太多,Grunt自动化的项目构建工具,帮你解决这些问题,对重复执行的任务像压缩,合并,编译,单元测试及代码检查等,通过配置Grunt自动化工具,可以减轻您的劳动,简化您的工作。Grunt-beginner前端自动..
分类:
其他好文 时间:
2016-05-13 05:11:20
阅读次数:
204
Grunt是前端的构建工具,类似后端使用的Ant,也是通过配置各种任务来达到前端代码自动构建的目地。Grunt和 Grunt 插件是通过 npm 安装并管理的,npm是 nodejs 的包管理器,所以第一步需要安装nodejs环境。
安装grunt之前确保npm更新到最新的版本,使用npm update -g npm在命令行中进行升级
1,安装全局的grunt-cli
grunt-cli并不...
分类:
其他好文 时间:
2016-05-12 12:51:11
阅读次数:
197
Grunt这货是啥? Grunt 是一个基于任务的 JavaScript 项目命令行构建工具。 最近很火的前端自动化小工具,基于任务的命令行构建工具 http://gruntjs.com Grunt能帮我们干啥? 在开始介绍前,先向大家描述下面的场景: 【场景1:项目开始前】 【场景2:编码中】 编 ...
分类:
其他好文 时间:
2016-05-11 23:28:00
阅读次数:
216
相交于grunt,gulp的呼声渐高,更受前端的欢迎 一 、gulp 与 gunt相比的优势 易于使用:采用代码优于配置策略,Gulp让简单的事情继续简单,复杂的任务变得可管理。 高效:通过利用Node.js强大的流,不需要往磁盘写中间文件,可以更快地完成构建。 高质量:Gulp严格的插件指导方针, ...
分类:
其他好文 时间:
2016-05-11 16:36:35
阅读次数:
175
gulp是基于流的前端自动化构建工具。 之前也谈到了 grunt的用法,grunt其实就是配置+配置的形式。 而gulp呢,是基于stream流的形式,也就是前一个函数(工厂)制造出结果,提供后者使用。 同样的,也是包括基本用法和各插件的使用。 一、环境配置 gulp是基于nodejs的,所以没有 ...
分类:
其他好文 时间:
2016-05-10 08:29:56
阅读次数:
229
1.安装Grunt http://www.gruntjs.net/getting-started 2.编辑 package.json 文件 3.执行npm命令 注意:必须在package.json文件目录下执行 执行命令后就会在根据package.json文件下载相关插件 4.配置Gruntfile ...
分类:
其他好文 时间:
2016-05-07 12:58:28
阅读次数:
191