前端構建工具

一、什麼是（自動化）構建工具

構建工具是一種自動化工具。一般專案都有較多的檔案，為開發維護方便拆分單個的模組,在發布的時候, 對拆分後的各模組進行合併, 壓縮等，構建工具可以幫完成這些重複的工作。

可以安裝、解除安裝、更新、檢視、搜尋、發布等功能。 類似grunt，gulp構建工具，和他的外掛程式，都可以用包管理器來管理。

npm（node package manager），node包管理器。主要功能就是管理node包，包括：安裝、解除安裝、更新、檢視、搜尋、發布等。npm的背後，是基於couchdb的乙個資料庫，詳細記錄了每個包的資訊，包括作者、版本、依賴、授權資訊等。它的乙個很重要的作用就是：將開發者從繁瑣的包管理工作（版本、依賴等）中解放出來，更加專注於功能的開發。

bower : 與npm的區別是，**託管在github

grunt :最早的前端構建工具，使用配置可以搞定問題 

gulp: 
webpack: 
lego: 嘻嘻 我們部門使用的工具哈

前端構建工具

devdependencies gulp強調的是前端開發的工作流程，側重於前端開發的整個過程的控制管理 像是流水線 我們可以通過配置一系列的task，定義task處理的事務 例如檔案壓縮合併 雪碧圖 啟動server 版本控制等 然後定義執行順序，來讓gulp執行這些task，從而構建專案的整個前端...

入門gulp前端構建工具

1.全域性安裝 gulp 倘若之前電腦安裝過，則跳過此步驟 cnpm install g gulp 2.作為專案的開發依賴 devdependencies 安裝 此步驟會自動在目錄下建立package.json檔案，因此無需cnpm init cnpm install s e dev gulp 3....

前端構建工具gulp安裝教程

首先先問自己乙個問題 平時用sass less寫css，用jade寫 html 那麼這些檔案的的測試 檢查 合併 壓縮 格式化 部署，監聽。應該怎麼完成呢？就來壓縮合併來講，可以減少多個css，js檔案請求，優化網頁效能，這樣的工作是否應該有乙個很好的解決方案呢？答案就是gulp。安裝gulp如下幾...