Gulp入門教程

2022-03-04 23:05:10 字數 696 閱讀 4871

gulp 是乙個 當前 非常流行的 構建工具,

gulp 構建工具,是提供乙個基礎平台, 上面可以編寫各種任務, 比如, 壓縮**的任務, 編譯css檔案, **轉換, web伺服器等等 任務. 

基本的使用方式

var gulp =  require(『gulp』)

gulp.task(『default』,function(){

console.log(『run default task 』)

在命令列  , 預設執行  gulp 的時候, 會執行  default 任務

任務之間是可以存在依賴的. 

gulp.task(『demo』,[『demo1』,』demo2』],function(){

//這裡執行會按照依賴陣列的順序來執行, 比如先執行 demo1 , 然後在執行 demo2. ,最後執行 **函式

如何匹配乙個目錄下的所有 js 檔案( 目錄以及子目錄下的所有檔案 )

src(『**/*.js』)

使用 gulp 單獨的寫各種任務, 還是比較痛苦的, 於是有了各種外掛程式, 可以使用外掛程式來幫助我們實現我們想要的操作. 比如 **壓縮, web伺服器, less 轉換 等等. 

常用的 gulp 外掛程式有

gulp-less

autoprefixer

gulp-uglify

gulp-rename

等等

gulp入門教程

gulp是什麼?在前端開發中,你是否有遇到以下這些問題?1 需要手動合併雪碧圖 2 需要手動壓縮js css 3 每次編寫完 後,需要手動重新整理瀏覽器看效果 4 手動壓縮 gulp的主要作用就是幫助我們自動完成上面的那些繁瑣的工作。安裝gulp gulp是基於node.js的,所以你需要先安裝no...

CSS入門教程

css是 cascading style sheets 的簡稱,中文翻譯為 串接樣式表 也有人翻譯為 樣式表 css用以作為網頁的排版和風格設計,在web標準建站中,對css的熟悉和使用是相當重要的乙個內容。css的作用是彌補html的不足,讓網頁的設計更為靈活。這個文章只是為您介紹css的基礎應用...

CSS入門教程

css是 cascading style sheets 的簡稱,中文翻譯為 串接樣式表 也有人翻譯為 樣式表 css用以作為網頁的排版和風格設計,在web標準建站中,對css的熟悉和使用是相當重要的乙個內容。css的作用是彌補html的不足,讓網頁的設計更為靈活。這個文章只是為您介紹css的基礎應用...