最近需要對項目進行優化,主要是對js的壓縮合並和css文件的壓縮,查找相關資料之后發現gulp可以實現相關的功能，特此分享一下使用心得。 1.安裝gulp gulp是基於Node.js的前端構建工具。所以首先需要安裝nodejs，安裝nodejs。 完成nodejs安裝之后，需要使用npm ...

gulp的使用命令簡單，就幾個，gulp的簡單使用教材可以參考一點的gulp使用教材（http://www.ydcss.com/archives/18）。 下面就簡單的介紹這些命令如何互相配合的完成前端的構建工作。 項目結構： 首先全局安裝gulp，使用命令：npm install ...

在我們日常使用gulp進行js文件壓縮合並的時候： gulp.task('copy-js',() => { gulp.src('./js ...

Gulp 基於 Node.js 的前端構建工具，可以實現前端代碼的編譯（sass、less）、壓縮合並（JS、CSS）、測試；圖片的壓縮；已經添加 JS 和 CSS 版本號，防止瀏覽器緩存。 1. 安裝 全局安裝 進入項目跟目錄，初始化 npm init ， 然后安裝： 安裝插件 ...

gulp是基於流的前端構件化工具。目前比較火的前端構建化工具還是挺多的，grunt gulp fis3等等。 這個鬼東西有什么用？請參考https://www.zhihu.com/question/35595198 為什么選擇gulp,因為使用非常簡單，學習成本低。以后想用別的工具再轉去 ...

最近在學習釘釘（一個協作應用）桌面應用的前端源碼時候，發現其js源碼是用browserify做模塊開發。於是想還原其源碼的原本的目錄結構，學習它的目錄分類以及業務划分。 前言 用過browserify構建工具的應該清楚，在壓縮合並后的代碼的最前面，有處理模塊依賴關系的代碼 ...

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

在上一篇里成功安裝了gulp到項目中，現在來測試一下gulp的合並與壓縮功能 gulp入坑系列(1)——安裝gulp（傳送門）：http://www.cnblogs.com/YuuyaRin/p/6159809.html 在之前建立的項目中寫入，在根目錄新建js文件夾，並在文件夾中新 ...