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 ...