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 命令就被加入到 ...

前言 現在前端自動化已經是家常便飯，各種工具也是層出不窮，grunt、gulp、webpack是應用最廣的三種工具，雖然grunt看似已垂垂老矣，但是以前寫的很多項目一直用的就是grunt，溫故方能知新，這里把grunt的基本操作再記錄一下。 grunt常用插件 開始使用grunt很簡單 ...

watch幾乎是grunt必不可少的應用，一旦配置好watch，保存文件后將立即執行命令 安裝方式如下： 安裝好以后就可以在gruntfile里寫配置了： 配置好以后，在命令行里執行： grunt watch 然后在test.less或者testSass.scss文件 ...

二進制內容的 能否可視化？ 網上的資料比較少啊！ ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ...

在不久前我曾寫了一篇 應用r.js來優化你的前端 的文章，為大家介紹了r.js這個實用工具，它可以很好地壓縮、合並前端文件並打包整個項目。但是如果將r.js放到項目中，我們不得不顧及到一個問題——項目 ...

前端優化是盡量減少http請求，所以我們需要盡量合並壓縮文件，然后調用壓縮后的文件，比如多個css文件壓縮成一個，多個js文件合並壓縮等，usemin能夠自動在html中使用壓縮后的文件，達到上面的目 ...

摘要： 　　之前介紹了自動構建工具Grunt，其中有一個模塊是"grunt-contrib-less"，下面是配置Grunt自動編譯less文件。 安裝： 　　Grunt是基於node，功能模塊化。你可以將grunt-contrib-less配置在package.json中然后npm ...