前段時間做一個項目,試著用gulp來構建前端代碼。今天簡單總結了一下:
一:安裝gulp環(huán)境
1. 安裝node
在node官方文檔下載匹配的版本 我下載的是如下圖的版本。http://nodejs.cn/download/
下載好以后, 可以一直點擊下一步,進行默認安裝
安裝好以后,在控制臺輸入cmd,打開命令提示符,輸入node -v 查看node是否安裝成功以及node的版本。
2.全局安裝gulp
在命令提示符中時輸入 npm install gulp -g
二:項目流程
1.生成項目所需的package.json文件
比如:我的本地項目放在D:\maxiaodan\project\webapp這個目錄下,找到這個目錄,在地址欄輸入cmd,或者通過cd命令,進入項目的目錄。
輸入npm init ,一直按enter鍵,自動生成package.json文件(一個node package有2中依賴,一種是dependencies:依賴的項是正常運行該包時所需要的依賴項。一種是devDependencies:開發(fā)時需要的依賴項,像一些單元測試之類的包。如果只是單純的使用這個包而不需要進行一些改動測試之類的,可以只安裝dependencies)
生成的package.json文件如下圖所示: