gulp 是基於 node 實現 Web 前端自動化開發的工具，利用它能夠極大的提高開發效率。 在 Web 前端開發工作中有很多“重復工作”，比如壓縮CSS/JS文件。而這些工作都是有規律的。找到這些規律，並編寫 gulp 配置代碼,讓 gulp 自動執行這些“重復工作”。 使用 ...

壓縮圖片代碼可降低圖片文件大小，提高頁面打開速度。 規律轉換為 gulp 代碼 找到 images/ 目錄下的所有image文件，壓縮它們，將壓縮后的文件存放在 dist/images/ 目錄下。 gulp 代碼 一、安裝gulp-imagemin 模塊 提示：你需要使用命令行的 cd ...

---恢復內容開始--- 今天我么繼續壓縮,但是今天的壓縮和之前的不同了!可以說是第二種方法吧! 今天用Gulp來壓縮HTML和CSS! 1.首先我們先來安裝GUlp:先安裝全局gulp 2.然后是開發的依賴: 然后下載你需要的那個任務插件:下面是下載htmlmin的因為之前 ...

一、安裝 1.安裝gulp 2.檢查gulp 版本 3.在項目文件夾下安裝gulp 二、壓縮JS 1.安裝gulp-uglify模塊 2.在項目根目錄創建gulpfile.js文件 3.在gulpfile.js文件中寫入代碼 // 獲取 gulp ...

gulp 壓縮css 一、安裝 gulp-minify-css 模塊 提示：你需要使用命令行的 cd 切換到對應目錄后進行安裝操作。 在命令行輸入 npm install gulp-minify-css 安裝成功后你會看到如下信息：(安裝時間可能會比較長取決於網絡) D:\wamp ...

() { // 將你的默認的任務代碼放在這}); npm install gulp-minify-css g ...

合並css中的圖片 css代碼 在路勁后面加 ?__spriter 標識要進行合並 gulp-css-spriter 默認會合並CSS中的所有圖片，要按需合並則需要修改 node_modules\gulp-css-spriter\lib ...

一、gulp中的圖片壓縮。 　　最初使用gulp-imagemin做測試。明明配置沒問題，但是壓縮的時候就會報錯，具體原因在哪兒沒找到，有可能是因為插件版本或者node版本的問題。於是改用第二個插件：gulp-tinypng-nokey 二、關於各個插件的對比 　　1、需要的插件包：npm ...