一、grunt模塊簡介 grunt插件，是一種npm環境下的自動化工具。對於需要反復重復的任務，例如壓縮、編譯、單元測試、linting等，自動化工具可以減輕你的勞動，簡化你的工作。grunt模塊根據Gruntfile.js文件中的配置進行任務。 如果在package.json中定義如下命令 ...

現在會進行代碼的合並和壓縮已成為前端人員的必備知識，那么現在來介紹一個grunt的工具。grunt是個風靡世界的工具，它的首頁是 http://www.gruntjs.net 這是個中文網站，有文檔可以參考。 好了，廢話不多說，直接發安裝步驟和注意事項。 首先，要安裝nodejs ...

...

本文已假定讀者已經熟悉以上知識。 好，我們繼續： 任務1：將src目錄下的所有zepto及插件合並，並壓縮。 目錄結構： package.json是依賴庫文件 Gruntfile.js是執行步驟程序 一、js合並壓縮 ...

配置文件gulpfile.js（html/css/image/js; 前提是安裝下列require用到的模塊 ...

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

蠻荒時代的程序員： 做項目的時候，會有大量的js 大量的css 需要合並壓縮，大量時間需要用到合並壓縮 在前端開發中會出現很多重復性無意義的勞動 自動化時代的程序員： 希望一切都可以自動完成 安裝 常用插件、壓縮插件、合並插件等。 用插件實現 功能無限 ...

前端開發自動化工作流工具，JavaScript自動化構建工具grunt、gulp、webpack介紹 前端自動化，這樣的一個名詞聽起來非常的有吸引力，向往力。當今時代，前端工程師需要維護的代碼變得及為龐大和復雜，代碼維護、打包、發布等流程也變得極為繁瑣，同時浪費的時間和精力也越來越多，當然人為 ...