項目背景：一個綜合網站，開發模式為后端嵌套數據，前端開發靜態頁面和部分組件。 問題：gulp任務處理自動刷新、sass編譯等都是極好的。但是對於js的處理並不是很好，尤其是項目需要開發組件時候，如評論組件，需要有模版、css、js[各個模塊]。這時候選擇用gulp感覺並不合適，當然可以選擇 ...

七：webpack對多個模塊依賴進行打包 八：如何獨立打包成樣式文件 九：如何打包成多個 ...

背景： 前端打包后的文件，一般app.js和chunk-vendors.js比較大，瀏覽器加載時間較長，額外項目里有字體文件，字體包加載時間也較長 解決方案：壓縮文件 1、webpack壓縮：使用compression壓縮插件（不應用圖片），在build時，將一個個滿足 ...

gulp是為了規范前端開發流程，實現前后端分離、模塊化開發、版本控制、文件合並、壓縮、Mock數據等功能的一個前端自動化構建工具。 強調的是前端開發的工作流程，我們可以通過配置一系列的task（Gulp中的gulp.task()方法配置），定義task處理的事務（例如文件 ...

一、概念 gulp 構建工具 我們可以通過給gulp配置不通的task（通過Gulp中的gulp.task()方法配置，比如啟動server、sass/less預編譯、文件的合並壓縮等等）來讓gulp實現不同的功能，從而構建整個前端開發流程。 webpack 打包工具 我們可以把開發中的所有 ...

在現在的前端開發中，前后端分離、模塊化開發、版本控制、文件合並與壓縮、mock數據等等一些原本后端的思想開始逐漸滲透到“大前端”的開發中。前端開發過程越來越繁瑣，當今越來越多的網站已經從網頁模式進化到 ...

常有人拿gulp與webpack來比較，知道這兩個構建工具功能上有重疊的地方，可單用，也可一起用，但本質的區別就沒有那么清晰。 gulp gulp強調的是前端開發的工作流程，我們可以通過配置一系列的task，定義task處理的事務（例如文件壓縮合並、雪碧圖、啟動server、版本控制 ...

1、Grunt 　　Grunt 的出現早於 Gulp，Gulp 是后起之秀。他們本質都是通過 JavaScript 語法實現了 shell script 命令的一些功能。比如利用 jshint 插件實現 JavaScript 代碼格式檢查這一功能。早期需要手動在命令行中輸入 jshint ...