簡介： 使用gulp-minify-css壓縮css文件，減小文件大小，並給引用url添加版本號避免緩存。重要：gulp-minify-css已經被廢棄，請使用gulp-clean-css，用法一致。 1、安裝nodejs/全局安裝gulp/本地安裝gulp/創建 ...

簡介： 使用gulp-concat合並javascript文件，減少網絡請求。 1、安裝nodejs/全局安裝gulp/本地安裝gulp/創建package.json和gulpfile.js文件 1.1、gulp基本使用還未掌握？請參看： gulp詳細入門教程 1.2、本示例 ...

簡介： gulp-livereload拯救F5！當監聽文件發生變化時，瀏覽器自動刷新頁面。【事實上也不全是完全刷新，例如修改css的時候，不是整個頁面刷新，而是將修改的樣式植入瀏覽器，非常方便。】特別是引用外部資源時，刷新整個頁面真是費時費力。 1、安裝nodejs/全局安裝 ...

簡介： 使用gulp-imagemin壓縮圖片文件（包括PNG、JPEG、GIF和SVG圖片） 1、安裝nodejs/全局安裝gulp/本地安裝gulp/創建package.json和gulpfile.js文件 1.1、gulp基本使用還未掌握？請參看： gulp詳細入門教程 ...

簡介： 使用gulp-less插件將less文件編譯成css，當有less文件發生改變自動編譯less，並保證less語法錯誤或出現異常時能正常工作並提示錯誤信息。 1、安裝nodejs/全局安裝gulp/項目安裝gulp/創建package.json和gulpfile.js文件 ...

簡介： 使用gulp-uglify壓縮javascript文件，減小文件大小。 1、安裝nodejs/全局安裝gulp/項目安裝gulp/創建package.json和gulpfile.js文件 1.1、gulp基本使用還未掌握？請參看： gulp詳細入門教程 1.2、本示例 ...

1、安裝nodejs/全局安裝gulp/本地安裝gulp/創建package.json和gulpfile.js文件 1.1、gulp基本使用還未掌握？請參看： gulp詳細入門教程 1.2、本示例目錄結構如下： 2、本地安裝gulp-imagemin 2.1、github：https ...

簡介： 使用gulp-rev-append給頁面的引用添加版本號，清除頁面引用緩存。 1、安裝nodejs/全局安裝gulp/項目安裝gulp/創建package.json和gulpfile.js文件 1.1、gulp基本使用還未掌握？請參看： gulp詳細入門教程 1.2 ...