//#####告诉grunt我们将使用的插件 grunt.loadNpmTasks('grunt-contrib-connect’); //本地服务器 grunt.loadNpmTasks('grunt-contrib-uglify'); //js压缩 grunt.loadNpmTasks('gru ...
分类:
Web程序 时间:
2016-03-26 23:25:45
阅读次数:
227
浅语:grunt中文网:http://www.gruntjs.net/ 第一步:Grunt 依赖 Node.js 所以在安装之前确保你安装了 Node.js。然后开始安装 Grunt。 实际上,安装的并不是 Grunt,而是 Grunt-cli,也就是命令行的 Grunt,这样你就可以使用 grun ...
分类:
其他好文 时间:
2016-03-26 18:57:20
阅读次数:
262
是一套前端自动化工具,一个基于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