根據電腦配置下載安裝node.js (win + R -> cmd -> node -v 檢查是否安裝成功node.js) npm install gulp --save-dev (建議裝在項目目錄中, 也可以通過 淘寶鏡像 安裝,需要先安裝淘寶鏡像 npm install ...
之前前端代碼部署時用的是grunt,后來又出了個gulp工具,最近試用了一下,很方便,感覺比grunt簡單好用,下面把一些常見的任務列一下,備用。 關於processhtml大家用的可能較少,這里簡單地介紹一下。 例如我們有這樣一個文件: 最終我們希望代碼壓縮合並后,輸出這樣的文件: 那么如何做呢,這里就要用到processhtml了,在需要替換的地方加個特殊標記,然后用processhtml進行 ...
2015-02-06 17:34 0 2303 推薦指數:
根據電腦配置下載安裝node.js (win + R -> cmd -> node -v 檢查是否安裝成功node.js) npm install gulp --save-dev (建議裝在項目目錄中, 也可以通過 淘寶鏡像 安裝,需要先安裝淘寶鏡像 npm install ...
合並css中的圖片 css代碼 在路勁后面加 ?__spriter 標識要進行合並 gulp-css-spriter 默認會合並CSS中的所有圖片,要按需合並則需要修改 node_modules\gulp-css-spriter\lib ...
前言 這篇文章本應該在去年17年寫的,但因為種種原因沒有寫,其實主要是因為懶(捂臉)。gulp出來的時間已經很早了,16年的時候還很流行,到17年就被webpack 碾壓下去了,不過由於本人接觸gulp的時候比較晚,16年的時候才聽說有這么個玩意,正真用它是在17年的時候,但是雖然現在 ...
在上一篇里成功安裝了gulp到項目中,現在來測試一下gulp的合並與壓縮功能 gulp入坑系列(1)——安裝gulp(傳送門):http://www.cnblogs.com/YuuyaRin/p/6159809.html 在之前建立的項目中寫入,在根目錄新建js文件夾,並在文件夾中新 ...
import java.text.ParseException; import java.util.HashMap; import java.util.Map; import java.util ...
現在很多人都在用seaJs來開發項目,seaJs上手容易,操作簡單。但在后期做合並壓縮的時候卻中了個巨大無比的坑,但坑也總得有人來填。於是花了將近一個星期的時間來填了這坑,現將填坑的一些心得與大家分享。在網上搜了下相關的資料,不得不說網上資料很多的坑(都是復制別人的。。。),說多都是淚。下面總結 ...
gulpfile.js 運行結果 通過以上的配置之后,就可以開始運行 gulp 對我們的項目進行相關的操作啦; 使用 gulp 命令,運行Gulp.js 構建程序 首先運行 concat 這個 task 生成一個 ...
1.引入插件 控制台輸入 2.在gulpfile.js里寫代碼 注意:minifycss壓縮文件名一定要替換目錄里的文件名一致,否則替換不成功,例如文件名里reset.css,但是壓縮的文件名是reset.min.css,這樣的是不能替換 ...