1.全局安裝 npm install gulp -g
2.局部安裝 npm install gulp --save-dev
3.相關插件:
gulp-concat:合併文件(css/js)
gulp-uglify:壓縮js文件
gulp-rename:文件重名民
gulp-less:編譯less
gulp-clean-css:壓縮css
gulp-livereload:實時自動編譯刷新
3-1.下載插件:npm install gulp-concat gulp-uglify gulp-rename --save-dev
npm install gulp-less gulp-clean-css --save-dev
npm install gulp-htmlmin --save-dev
npm install gulp-livereload --save-dev
npm install gulp-connect --save-dev
4.重要API:
gulp.src(globs[, options]) 找到指定路徑的所有文件,返回文件流對象,讀取文件。
gulp.dest(path[, options]) 指向指定的所有文件,用於輸出文件。
gulp.task(name[, deps], fn) 定義一個任務。
gulp.watch(glob [, opts], tasks) 或 gulp.watch(glob [, opts, cb]) 監事文件變化。
5. 合併必須帶名字,壓縮再rename。
6. gulp.series /4.0 依賴 gulp.parallel /4.0 多依賴嵌套。