是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于:① 压缩文件② 合并文件③ 简单语法检查 对于其他用法,我还不太清楚,我们这里简单介绍下grunt的压缩、合并文件,初学,有误请包涵 因为grunt是基于nodeJs的,所以首先各位需要安装nodeJS环境,这块我们便不管了http: ...
分类:
其他好文 时间:
2016-03-24 16:31:43
阅读次数:
209
grunt files的处理方式:[黑体加粗] grunt.initConfig({ copy: { dist: { src: '<%= app %>/index.html', dest: '<%= dist %>/index.html' } }, clean: { dist: { src: '<% ...
分类:
其他好文 时间:
2016-03-24 14:48:51
阅读次数:
121
0.简介 grunt是一个任务自动运行器。简单来讲,用了以后,再也不用每次修改sass后,去生成下css,也再也不用去一遍遍压缩js了 ,也再也不用修改了点点东西就要去刷新页面,也不需要去复杂地建立一个本地服务了,你只要在Gruntfile.js里面写好任务,这一切grunt都帮你解决了。(grun
分类:
其他好文 时间:
2016-03-22 19:12:28
阅读次数:
345
1.认识grunt grunt是什么:他是一套前端自动化工具,是一个基于nodejs的命令行工具。(Grunt和Grunt插件是通过npm 安装并管理的,所以首先要安装nodejs)。 grunt能干什么:1.压缩文件 2.合并文件 3.简单的语法检查 4.监听文件变动 5.less编译 grunt
1.使用jshint进行代码检查时,grunt命令后报错: 因为出现了乱码,我猜测是因为编码原因导致的。遂在webstorm的setting中修改了编码为utf-8,问题解决。
分类:
其他好文 时间:
2016-03-18 21:27:34
阅读次数:
103
下面介绍grunt的基本使用方法,把前端项目中的对个js文件,合并到一起,并压缩。注意,例子用的是grunt 0.4.5版本,低版本可能在配置上有所不同。工具/原料node方法/步骤首先用npm在global环境安装grunt-cli ,注意在任何目录下 install -g都是一样的npm ins...
分类:
其他好文 时间:
2016-03-15 20:26:43
阅读次数:
247
一、配置 从grunt迁移到gulp后,发现很多功能没有grunt那么酷,但是类似功能也支持,比如雪碧图,功能稍微弱一些,但是也很棒 NPM地址:https://www.npmjs.com/package/gulp-css-spriter/ https://www.npmjs.com/pack
分类:
Web程序 时间:
2016-03-15 06:08:00
阅读次数:
240
npm的包安装分为本地安装(local)、全局安装(global)两种,从敲的命令行来看,差别只是有没有-g而已,比如 npm install grunt # 本地安装 npm install -g grunt-cli # 全局安装 这两种安装方式有什么区别呢?从npm官方文档的说明来看,主要区别在
分类:
其他好文 时间:
2016-03-11 11:56:27
阅读次数:
178
在Gulp中创建一个库从磁盘gulp.src读取源文件并通过磁盘管道写回内容到gulp.dest,可以理解成只是将文件复制到另一个目录。 var gulp = require('gulp'); gulp.task('build', function () { return gulp .src('./
分类:
其他好文 时间:
2016-03-09 19:03:30
阅读次数:
187