一、gulp概述
gulp是一個自動化構建工具,主要用來設定程式自動處理靜態資源的工作。簡單的說,gulp就是用來打包專案的。
二、gulp安裝
npm i gulp@3。9。1 -g
gulp -v # 測試是否安裝成功;
gulp是一個基於任務的工具,也就是說,gulp規定,不管做什麼功能,都用統一的介面管理,必須去註冊一個任務,然後去執行這個任務,在任務程式碼中,去做想想做的功能。這是gulp的特點之一:任務化。
gulp的每個功能都是一個任務,壓縮css的任務、合併檔案的任務。。。gulp規定任務要寫在一個叫做glupfile。js的檔案中,在這個檔案中用來配置所有任務。
三、browserify概述
browserify的用途是將前端用到的眾多資源(css,img,js,。。。) 打包成一個js檔案的技術。
與webpack類似的一個技術;
比如在html中引用外部資源的時候,原來我們可能這樣寫
複製
但是有了 browserify 的幫助,就可以把這些通通壓縮成一句;
四、browserify安裝
npm install -g browserify