前端開發自動化工作流工具，JavaScript自動化構建工具grunt、gulp、webpack介紹 前端自動化，這樣的一個名詞聽起來非常的有吸引力，向往力。當今時代，前端工程師需要維護的代碼變得及為龐大和復雜，代碼維護、打包、發布等流程也變得極為繁瑣，同時浪費的時間和精力也越來越多，當然人為 ...

前端優化是盡量減少http請求，所以我們需要盡量合並壓縮文件，然后調用壓縮后的文件，比如多個css文件壓縮成一個，多個js文件合並壓縮等，usemin能夠自動在html中使用壓縮后的文件，達到上面的目的。 上圖是完整打包后的文件目錄，原始目錄是assets,打包發布的文件是dist. ...

前言 現在前端自動化已經是家常便飯，各種工具也是層出不窮，grunt、gulp、webpack是應用最廣的三種工具，雖然grunt看似已垂垂老矣，但是以前寫的很多項目一直用的就是grunt，溫故方能知新，這里把grunt的基本操作再記錄一下。 grunt常用插件 開始使用grunt很簡單 ...

Yeoman包括了三個部分yo（腳手架工具）、grunt/gulp（構建工具）、bower（包管理器）.聽說gulp更容易上手，所以我就沒用grunt而選的gulp 　什么是開發流程？ 　　在我看來一個完整的開發流程應該包括： 本地開發環境的初始化 第三方依賴的管理 源文件編譯 ...

在不久前我曾寫了一篇 應用r.js來優化你的前端 的文章，為大家介紹了r.js這個實用工具，它可以很好地壓縮、合並前端文件並打包整個項目。但是如果將r.js放到項目中，我們不得不顧及到一個問題——項目每維護一次，就需要維護的人員輸入一次rjs運行口令重新打包項目，自然是非常繁瑣的事情 ...

[本文出自天外歸雲的博客園] 背景 1. 實際工作中涉及到安卓客戶端方面的測試，外推或運營部門經常會有很多的渠道，而每個渠道都對應着一個app的下載包，這些渠道都記錄在安卓項目下的一個渠道列表文件中。外推或運營部門經常會有新的渠道產生，而為了這些新增的渠道我們會將渠道配置到渠道列表文件中 ...

蠻荒時代的程序員： 做項目的時候，會有大量的js 大量的css 需要合並壓縮，大量時間需要用到合並壓縮 在前端開發中會出現很多重復性無意義的勞動 自動化時代的程序員： 希望一切都可以自動完成 安裝 常用插件、壓縮插件、合並插件等。 用插件實現 功能無限 ...

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