Gulp和Webpack的基本區別： gulp可以進行js，html，css，img的壓縮打包，是自動化構建工具，可以將多個js文件或是css壓縮成一個文件，並且可以壓縮為一行，以此來減少文件體積，加快請求速度和減少請求次數；並且gulp有task定義處理事務，從而構建整體流程，它是基於流 ...

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

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

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

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

　　Webpack與Gulp、Grunt沒有什么可比性，它可以看作模塊打包機，通過分析你的項目結構，找到JavaScript模塊以及其它的一些瀏覽器不能直接運行的拓展語言（Scss，TypeScript等），並將其轉換和打包為合適的格式供瀏覽器使用。Gulp/Grunt是一種能夠優化前端的開發流程 ...

webpack與gulp 、grunt沒有什么可比性，它可以看作模塊打包機，通過分析你的項目結構，找到js模塊以及其它的一些瀏覽器不能直接運行的拓展語言（scss，Typescript）,並將其轉換和打包為合適的格式供瀏覽器使用。gulp/grunt是一種能夠優化前端的開發的流程的工具 ...

gulp是工具鏈、構建工具，可以配合各種插件做js壓縮，css壓縮，less編譯 替代手工實現自動化工作 1.構建工具 2.自動化 3.提高效率用 webpack是文件打包工具，可以把項目的各種js、css文件等打包合並成一個或多個文件，主要用於模塊化方案，預編譯模塊的方案 1. ...