Grunt 自動任務執行器

[b]幹什麼用？[/b]

基於node.js的一款能夠按照預先設定的順序自動執行一系列任務的工具。簡化工作流程，減輕重複性工作帶來的負擔。

[b]如何使用？[/b]

1.安裝

sudo npm install grunt-cli -g

2.命令指令碼檔案gruntfile.js--用於配置或定義任務、載入 grunt 外掛程式

1）grunt.initconfig：配置grunt各種模組的引數

2）grunt.loadnpmtasks：載入模組檔案

grunt.loadnpmtasks('grunt-contrib-jshint');
grunt.loadnpmtasks('grunt-contrib-concat');

對於載入多個模組的方法：安裝load-grunt-tasks模組

require('load-grunt-tasks')(grunt)

3）grunt.registertasks ：定義如何呼叫任務

不提供引數：grunt 依次執行任務

提供引數： grunt 模組名：目標名 只執行某個任務

grunt # 預設情況下，先壓縮後合併
grunt cssmin:minify # 只壓縮不合併
grunt css:combine # 只合併不壓縮

[b]常用的模組[/b]

grunt-contrib-clean 刪除檔案 [url]

grunt-contrib-compass 用compass編譯sass [url]

grunt-contrib-concat 合併檔案 [url]

grunt-contrib-copy 複製檔案 [url]

grunt-contrib-cssmin 壓縮css [url]

grunt-contrib-imagemin 影象壓縮 [url]

grunt-contrib-jshint 檢查js語法 [url]

grunt-contrib-uglify 壓縮合併js [url]

grunt-contrib-watch 監視檔案變動做相應動作 [url]

grunt-contrib-connect 執行乙個web服務 [url]

grunt-contrib-sass sass轉為css

grunt-autoprefixer css語句加瀏覽器字首

grunt-htmlhint 檢查html語法

grunt-contrib-stylus 編寫styl輸出css [url]

3.package.json--用於儲存專案元資料

VSCode 除錯grunt任務

廢話不多說，grunt是乙個很好的自動化任務執行器，但是由於它本身不是專案檔案，所以不是很確定如何除錯。今天的嘗試很好的開了個頭，以後的涉及grunt的任務就都可以這樣除錯了。vscode基於nodejs構建，天生支援js的除錯，而grunt又是js的，所以，可以除錯。node modules gr...

linux設定定製器自動執行任務

基本格式 command 分 時 日 月 周 命令 第1列表示分鐘1 59 每分鐘用 或者 1表示 第2列表示小時1 23 0表示0點 第3列表示日期1 31 第4列表示月份1 12 第5列標識號星期0 6 0表示星期天 第6列要執行的命令 crontab檔案的一些例子 上面的例子表示每晚的21 3...

使用grunt實現瀏覽器自動重新整理

首先安裝必備的外掛程式 因為這是要引入livereload來監聽你對檔案所做的修改，所以需要乙個伺服器來實現瀏覽器與服務期間的通訊，因此，可以利用apache實現。將你的專案放在apache伺服器下。然後就是進行基本的配置了 grunt.initconfig watch files dev test...