grunt-usemin： Replaces references to non-optimized scripts or stylesheets into a set of HTML files usemin exports 2 different tasks ...

前端优化是尽量减少http请求，所以我们需要尽量合并压缩文件，然后调用压缩后的文件，比如多个css文件压缩成一个，多个js文件合并压缩等，usemin能够自动在html中使用压缩后的文件，达到上面的目的。 上图是完整打包后的文件目录，原始目录是assets,打包发布的文件是dist. ...

Grunt，简而言之，就是运行在Node.js上面的任务管理器（task runner），其可以在任何语言和项目中自动化指定的任务。我们可通过npm来安装Grunt和Grunt插件 为什么使用Grunt？ 一词概括：自动化。 Grunt帮助你提高重复项目 ...

Grunt和 Grunt 插件是通过 npm 安装并管理的，npm是 Node.js 的包管理器。 先下载安装node.js 以下指令：mac os 系统、部分linux系统中，在这句话的前面加上“sudo ”指令 安装grunt-cli 上述命令执行完后，grunt 命令就被加入到 ...

watch几乎是grunt必不可少的应用，一旦配置好watch，保存文件后将立即执行命令 安装方式如下： 安装好以后就可以在gruntfile里写配置了： 配置好以后，在命令行里执行： grunt watch 然后在test.less或者testSass.scss文件 ...

关于什么是gulp，它和grunt有什么区别等问题，这里不做任何介绍。本文主要介绍如何使用gulp-usemin这款插件，同时也会简单介绍本文中用到的一些插件。 什么是gulp-usemin 用来将HTML 文件中（或者templates/views）中没有优化的script ...

使用Grunt遇到的问题？ 必须要安装NodeJS 必须安装grunt-cli 需要编写复杂的Gruntfile.js规则 每个项目中必须存在nodejs的grunt模块 不方便管理每一个包含grunt的项目 无法快速开始一个项目 解决思路 直接 ...

摘要： 　　之前介绍了自动构建工具Grunt，其中有一个模块是"grunt-contrib-less"，下面是配置Grunt自动编译less文件。 安装： 　　Grunt是基于node，功能模块化。你可以将grunt-contrib-less配置在package.json中然后npm ...