进阶篇1. Gulp介绍

gulp龯龫龩龦龢龟龛龗龔龐龏龋龇龄龁齿齻齸齷龯齳齰齯齬齩齿齦齢齞齚齖齕齒龔齐齏齋齊龋龇齈齯齷齇齆齂龦龢龟龛龗鼿鼽鼺鼶齿鼳鼲齒鼯鼫鼩齚鼦齳齰鼣鼟齞鼫鼩Gulp齷鼘鼗齖齕鼔鼐鼿鼍鼌齿鼈鼇龐龏齷齇齆鼅鼅鼄鼃鼘鼗齿齻黿黾黽黼

gulp龯黸黷Nodejs齿齳齰鼳鼲黬龇齢齷齒齳齰齯黫鼣鼟 javascript/coffee/sass/less/html/image/css 黎黊黉齿齿黆黄黀麾麼黀麻麹黀麷麵黀麴麱齯黀麰麭齢齳齰麬麩黀麧麦黊黉麥鼟齷麹麤麠黊黉齂麜齰麘鼺鼶麕麓齿麑麐麏麋黼

齂麊麇麅龗鼘鼗齳麂齰鹿鼇鹻麇麐CSS龐龏黼鹳齇齷鹱齂鼘鼗鼿鹯鹫鹨鹧鼇Html鹠CSS龐龏齷齇龯鼇鹟鹛龔鹙Jade黀SCSS鹗鹖LESS龐龏齷鹳麘齦鼩齻齸鼈鹏鼟HTML鹠CSS龐龏黼Gulp鹊鼔鼐鹈鼘鼣鼟麑鹄鼈鹏齿齰黿黼鹀齇齆HTML龐龏鸿鹳齂Drupal鸸鸶龗齖齒鹨鹧鼫鼩齷鸲龯齚鸰鹳鼿鸮鼩黼鸫

鹀鼘鼗鸪鸧鹫齂鸸鸶黊黉鸦齿鸢齩鸡龗鸠鸟龁鸛麇鹄黊黉鸦鼦鸘鸖鸒鸮龦龢鸑齿SCSS黀LESS鹠JS龐龏齷鹳麘鸐鸏龟Gulp鸋鸇麘齿HTML黀CSS鹠JS龐龏鸘鸆鸢齩鸡龗龔鹙齿HTML黀CSS鹠JS黊黉鸦龗齷鸄鸪龟麊麇麅龗鸂鷿齿鷽鷹鼦鷵鷳CSS鹠JS龐龏齷齇HTML龐龏鷯鷫鼔鼐黿鷪鼘鼗鷩鼇鸸鸶齿鷧鷤齷鷣鼔鼐黿鷪鷟鷛齐鷘鷔鷓鹠龫龩黾鷏齿鷍鷊鷘鷆龐龏黼鸫

gulp齿鼅鷂鷀鶽麏麋鶻

鶷鶳鶱鹳龯鷀鶽nodejs齷鸪龟nodejs齿npm鶮鶫鷀鶽鹠齬齩鷀鶽gulp齷鶨鶥齂齬齩鶡鷀鶽鸒鶝鶜齿gulp鶘黉齷鹳麘麩龁gulp齿鶔鸖黊黉gulpfile.js麹鼇鶎鶔鸖鶊鶈鹀麓鶄gulp鼳鼲鸫齷鶀麘鸪龟鵿鵾鼄鷛鵻黬龇gulp鼳鼲鷫鼔黼

黬龇gulp齿鼳鼲鹛龫齷鵺鶝鶜鵶鵳麹鷀鶽鼳鼲鵯鵬齿鶘黉齷麑鶡鶳龔麇麐鸧鼩鶘黉龋龇鵪鵨齷鼘鼗鵤齂鵶麇鵣龗齸鵡鵪鵨gulp齿鷀鶽黼

gulp-if

麑鹄鶘黉齿鵜齒鷣鼿鵙鵗齷鼔鼐鵔黉鵒齿鵎鵊stream齷鵆.pipe($.if(flag, action1()))齷鷯鴺鹫齂flag鴶鴳鷪true鸑鴰鹫鵤action1()鵎鵊鸆stream龗鴭黼鶨鴪鹊龯齂gulpfile.js龗鴪鹱if鴨鴧黼

gulp-eslint鶻

鼩黷麾麼JS龐龏齿鴥鷹鴤鴡麹鴞麇龐龏齿鴛麴黼

gulp-sass鶻

鼩黷鼈鹏SASS鹠SCSS黊黉黼

gulp-livereload:

鶱麤麠黊黉龢麥鴶齯鸑齷麰麭齢齳齰麬麩黼

gulp-autoprefixer:

鸢鴓鷔鸖麰麭齢鴒鴏齳齰鸋鸇麰麭齢龫鴋黼鼫鼩鴈鼘鼗鼔鼐鼿鴇鴆黫鼇龐龏齷齖鴃鷤鴁鴀麰麭齢鳽鳺龫鴋黼

gulp-sourcemaps鶻

麑龯鹄鳷鸧鸮鼩齿鶘黉齷鼘鼗齂麷麵黀麻麹黎鳵黿鹛麘齷鳱黄鸑鸒鳯鸆齿鳮鳺齷鳭龯鼈鹏麘齿龐龏黼麑鳪鹊鳨鷂麇鹄鳤鸶齷鳱黄龟龛龗鳣鷹鹠齊龏鹀鼈鹏鸑齿龐龏鸫鳡鸖鵯龔鹙齷鳝鳱黄鴶齿鳛鳗鳔鳐黼

鳎鵆鶻麇鹄jQuery齷齊龏鹧鳅1鳄龇黼鸲麷麵麘鴺鸮鳀鳀齿3-4龇齷麹齆鴶鴳鲷鲴鷣鲲龢麥麜鴶黼鲮鸑麇鲪鲦鴤齷鲥鼿鳐鲢鴤鴡鶊鶈龗鹨鹧鲟鸆龔鹙龐龏齿鲝鲚鳡鸖黼鲖鳪齷CSS鷣鹫鲒鸆鲐鲍鳤鸶黼

齇sourcemaps黿鼩齷鲌龯鼟麇鹄.map黊黉齷鶡鷆鲈鲇鲅龔鹙齿齊龏鳡鸖黼麹鳮鲂齂鲥鲀鱿麘齿黊黉鱻麧/ # sourceMappingURL=maps/filename.css.map /黼麑鳪齂鼘鼗鳱黄鸑齷鹊鹫鹨鹧鱯鷛鹀鱬鱪鸫齊龏齷齇齖鸑鼈鹏麘齿龐龏黼

gulp-imagemin鶻鱩鱨麷麵

imagemin-pngquant鶻鱥鱢麷麵

gulp-concat:麻麹javascript黊黉齷鱞鹯齐鱚鱗鱔黼

gulp-uglify:麷麵javascript黊黉齷鱞鱒黊黉鼅鱒黼

gulp-clean-css:麷麵css黊黉齷鱞鱒黊黉鼅鱒齷麹鱏鷵鼩url鵎鵊鴒鴏鱍鱉鱅鱁鲇黼

gulp-htmlmin:麷麵html齷鼔鼐麷麵鷘鷆javascript黀css齷鴭鰿鷘鷆鰽麴黀鰹鰵齷鰱鰿鼽鰯鰫鵒黎黼

本书共56小节:

评论 (写第一个评论)