極簡gulp和browserify

一、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