關於gulp的基本使用

2022-08-10 09:33:10 字數 701 閱讀 2965

基本使用流程:

安裝nodejs -> 全域性安裝gulp -> 專案安裝gulp以及gulp外掛程式 -> 配置gulpfile.js -> 執行任務

gulpfile.js 是gulp的配置檔案

//

匯入工具包 require('node_modules裡對應模組')

var gulp = require('

gulp

'), //

本地安裝gulp所用到的地方

less = require('

gulp-less');

//定義乙個testless任務(自定義任務名稱)

gulp.task('

testless

', function () );

gulp.task(

'default

',['

testless

', '

elsetask

']); //

定義預設任務 elsetask為其他任務,該示例沒有定義elsetask任務 //

gulp.task(name[, deps], fn) 定義任務 name:任務名稱 deps:依賴任務名稱 fn:**函式

options]) 執行任務處理的檔案 globs:處理的檔案路徑(字串或者字串陣列)

options]) 處理完後檔案生成路徑

gulp基本使用

gulp強調的是前端開發的工作流程,我們可以通過定義task事件定義事件的執行順序,gulp去執行這些事件,構建整個前端開發的工作流程 gulp常見定義事件,例如 下面會說幾個常見的gulp模組,列舉功能和例子,希望你看完本章後能對gulp有個基本的掌握,能參照這裡的寫法,當需要使用時去官網上會自主...

gulp的使用基本使用

1.全域性安裝gulp 目的是在命令列裡使用gulp的命令 2.命令列中cd到專案目錄,區域性安裝gulp 如果不在專案中再次安裝會報錯,據說這樣是為了避免發生版本衝突 3.在專案目錄下新建乙個gulpfile.js檔案 必須這個名字,這個檔案算是乙個配置檔案 編寫我們的需求,以便gulp能按著我們...

關於gulp使用的部落格 沒有完成

gulp 是乙個自動化工具,前端開發者常用它來完成任務 建立乙個gulpfile.js的檔案 var gulp require gulp task name function gulp.task hello function gulp hello 執行 那麼將會輸出hello world 用gulp...