隨着React、Angular2、Redux等前沿的前端框架越來越流行，使用webpack、gulp等工具構建前端自動化項目也隨之變得越來越重要。鑒於目前業界普遍更流行使用webpack來構建es6(ECMAScript 2015)前端項目，網上的相關教程也比較多；相對來說使用gulp來構建es6 ...

npm init命令初始化當前文件夾后，在當前文件夾新建gulpfile.js文件。當前目錄下的所有操作流都在gulpfile.js文件中定義。 gulp自動化 gulp-uglify （JS壓縮） gulp-uglify安裝: npm install ...

隨着現在前端技術的不斷發展，和各個公司對前端項目開發更新速度的要求，前端自動化越來越受到大家的重視，之前傳統的前端開發方式已經越來越不能滿足開發的需求了，於是各種自動化工具隨之產生了。而gulp就是其中一款非常強大的工具。1.安裝node.js：由於gulp是基於node.js的。所以首先需要安裝 ...

1、安裝 nodejs Grunt和所有grunt插件都是基於nodejs來運行的， https://nodejs.org/ 安裝完成之后在終端 node -v 查看 ...

前言 　　在剛入門前端的時候，我們並不清楚前端有工具可以幫我們自動化打包壓縮文件，當時只關注能實現功能就可以了，也不太在意前端性能優化的問題，隨着項目功能的復雜，項目也變得越來越大，頁面的執行速度也開始變慢，因此我們認識到了前端優化的重要性，但是之前的壓縮打包都是需要我們自己手動執行 ...

前言 前端自動化構建工具從最開始的grunt, gulp, fis等到現在比較流行的webpack可謂層出不窮，個人還是比較傾向於gulp，雖然有的時候會因為某個插件的配置問題頭疼很久，但不可否認gulp真的很靈活，而且個人覺得它和node結合起來比較舒服，再有對項目目錄結構的要求比較低，即使再 ...

一、安裝 1）安裝nodejs 通過nodejs的npm安裝gulp，插件也可以通過npm安裝。windows系統是個.msi工具，只要一直下一步即可，軟件會自動在寫入環境變量中，這樣就能在cmd命令窗口中直接使用node或npm指令。 我上面的cmd，已經被git封裝過了，字體都變成 ...

前端自動化構建工具gulp的使用總結 博主最近偶的空閑，在此對gulp的使用做一個總結，讓小伙伴知道如何合理的使用gulp以及gulp的使用技巧。 談到gulp，有人可能就會想到另外一個構建工具grunt，那么 博主就要誇你一句：油啊熱癟死他。 那么grunt和gulp有什么異同 ...