分類:: gulp

壓縮css的終極必殺技

CSS 再怎麼開起開壓縮,頂多縮個幾十k,uncss可以搜尋html內所用的class、id,再將.css內的多餘class or id移除,達到最佳化的壓縮。

Gulp RUN ruby-compass

最後一篇,來介紹gulp-compass,這一篇的內容較短,但是要特別注意系統是否可以運作ruby以及ruby compass(由於compass有更新),所以和前一篇的差別會是多了ruby。

Gulp Task and Gulp Pipe

Gulp主要有四個指令,用這些指令就可以完成大部份工作。 gulp.task(name, fn) 定義一個任務名稱,接下來指定任務的工作內容 gulp.run(task) 運行指定的任務 gulp.src(glob) 檔案來源 gulp.dest(folder) 檔案的存檔路徑 而在上回的範例裡,已經呈現了主要的三個。 123456789//gulpfile.jsvar gulp = require('gulp'), coffee = require('gulp-coffee');gulp.task('coffee', function() { //'coffee'是排程名稱,可自定 gulp.src('./app/coffeescripts/*.coffee') //來源檔案 .pipe(coffee()) //編譯 .pipe(gulp.dest('./app/assets/js')) //輸出位置}); 而這篇會介紹如何用gulp將一個任務串接,並且監視它。

Gulp 環境安裝

鐵人賽我有準備一些文章,如網頁視覺設計(技巧、grid system)、前端設計工具的文章,比較偏向視覺設計以及前端工程的混和,但是鐵人賽我決定要換主題,所以文章就直接放出來(都寫了別浪費…)。 這一篇是Gulp的安裝,後來還有一系列的Gulp文章。 Gulp 可以做什麼Gulp 是一個前端任務管理工具,它可以做到如Fire.app、Prepros、Grunt等等所能做的事情,如果這樣還不是很了解,那就列表給大家看看。 編譯 SASS、Coffeescript 壓縮 .CSS, .JS, 甚至圖檔 web server with Livereload 享受自己動手做Task工具的快感 others.. 雖然很多工具,都能做到類似的功能,但是如果需求不足的時候,就要開另一個工具來幫忙,如另外許多專案已經在執行中,或者是老專案,有些工具過於強大,就會顯得沒那麼合適,那麼就可以用gulp客製化屬於該專案使用的工具。