hide_in_darkness的博客

const { src, task, watch, dest, lastRun, series } = require('gulp');const $ = require('gulp-load-plugins')();const moment = require('moment');const bs = require('browser-sync').create();const del = require('del');// 使用gulp-minify-css压缩css文件/** * gu

const { src,task,watch,dest,lastRun,series } = require('gulp');const $ = require('gulp-load-plugins')();const moment = require('moment');const bs = require('browser-sync').create();//压缩scss文件任务async function listenSass(){ await src('./src/**/*.scss'

package.json使用npm init会在项目目录下自动创建一个package.json文件(我的配置都是默认的选项，你也可以更改其中配置)将以下代码拷入项目的package.json文件中，里面包含了常用的gulp插件使用npm install可以自动生成node_moudels文件(环境就搭建好了){ "name": "gulplearnexample", "version": "1.0.0", "description": "", "main": "index.js",

gulp-load-plugins插件会包含package.json中所有的依赖包原代码： const cssnano = require('gulp-cssnano');可以转变为: const $ = require('gulp-load-plugins')(); $.cssnanoconst { src,dest,task,watch,series,parallel } = require('gulp');const bs = require('browser-sync').cre

const { src,dest,task,watch,series,parallel } = require('gulp');const cssnano = require('gulp-cssnano');const rename = require('gulp-rename');const bs = require('browser-sync').create(); //创建bs远程微型服务器task('css', async function(){ await src('./src/cs

const { src,dest,task,watch,series,parallel } = require('gulp');const cssnano = require('gulp-cssnano');const rename = require('gulp-rename');const htmlMin = require('gulp-htmlmin');const livereload = require('gulp-livereload');const connect = requir

const { src,dest,task,watch,series,parallel } = require('gulp');const cssnano = require('gulp-cssnano');const rename = require('gulp-rename');const livereload = require('gulp-livereload');//压缩css文件任务task('css', async function(){ await src('./src/c

const { src,dest,task,watch,series,parallel } = require('gulp');const cssnano = require('gulp-cssnano');const sass = require('gulp-sass');const less = require('gulp-less');const uglify = require('gulp-uglify');const htmlMin = require('gulp-htmlmin');

gulpfile.js普通压缩//普通压缩:async function img() { await src('./src/image/*.*') .pipe(cache(imagemin({ //加入缓存，不每次都压缩全部图片 }))) .pipe(dest('./dist/image'))}深度压缩async function img() { await src('./src/image/*.*') .pipe(cache(imagemin({ //加入缓存，不每次

const { src,dest,task } = require('gulp');const cssnano = require('gulp-cssnano');const cleanCss = require('gulp-clean-css');const minifyCss = require('gulp-minify-css');const sass = require('gulp-sass');const less = require('gulp-less');const ugl

const { src,dest,task } = require('gulp');const cssnano = require('gulp-cssnano');const cleanCss = require('gulp-clean-css');const minifyCss = require('gulp-minify-css');const sass = require('gulp-sass');const less = require('gulp-less');const ugl

const { src,dest,task } = require('gulp');const cssnano = require('gulp-cssnano');const cleanCss = require('gulp-clean-css');const minifyCss = require('gulp-minify-css');const sass = require('gulp-sass');const less = require('gulp-less');const ugl

//处理less文件(将less文件转换为css文件)const { src,dest,task } = require('gulp');const cssnano = require('gulp-cssnano');const cleanCss = require('gulp-clean-css');const minifyCss = require('gulp-minify-css');const sass = require('gulp-sass');const less = requ

gulpfile.js //concat用法async function connection(){ await src('./src/css/*.css') .pipe(concat("total.css")) .pipe(dest('./dist/css/'))}

gulpfile.js中代码；const { src,dest,task } = require('gulp');const rename = require('gulp-rename');task('rename', async function(){ await src('./src/css/index.css') .pipe(rename({ dirname: "dirname_rename", //重命名文件夹(目录)的名字 prefix: "re_", //重命

gulpfile.js中的代码const { src,dest,task } = require('gulp');const cssnano = require('gulp-cssnano');const rename = require('gulp-rename');const concat = require('gulp-concat');const sourcemaps = require('gulp-sourcemaps');const cleanCss = require('gulp-

gulpfile.js中代码const { src,dest,task } = require('gulp');const cssnano = require('gulp-cssnano');const rename = require('gulp-rename');const concat = require('gulp-concat');const sourcemaps = require('gulp-sourcemaps');const cleanCss = require('gulp-c

gulpfile.js中代码 const { src,dest,task } = require('gulp'); const cssnano = require('gulp-cssnano'); const rename = require('gulp-rename'); const concat = require('gulp-concat'); const sourcemaps = require('gulp-sourcemaps'); task('css', async functio

Vinyl:Vinyl是描述文件的元数据对象Vinyl实例的主要属性是文件系统中文件的path和contents核心方面 Vinyl对象可用于描述来自多个源的文件(本地文件系统或任何远程存储选项上)Vinyl 适配器:Vinyl提供了简单的描述文件的方法,但是需要一种访问这些文件的方法使用 Vinyl 适配器访问每个文件源:1、一个签名为src(globs, [options])的方法,返回一个生成Vinyl对象的流。2、一个带有签名为dest(folder,[options])的方法,返

使用插件Gulp插件实质上是Node转换流(Transform Streams)它封装了通过管道(pipeline)转换文件的常见功能 通常是使用.pipe()方法并放在src()和dest() 之间每个插件应当只完成必要的工作，获得想要的结果可能需要把一组插件组合在一起使用 例如: var gulp = require('gulp'); var cssnano = require('gulp-cssnano'); gulp.task('css',async

ulp学习:gulp的安装1、检查node、npm是否正确安装在终端中输入:node -vnpm -v看是否会回复版本号这里我推荐使用nvm，它可以帮你一次性下载完node和它所对应的npm版本2、安装gulp(1)npm init:在项目本地自动创建一个package.json文件，里面会写入项目所有的依赖，以后别人再用你的项目进行编写时，可以用npm imstall读取package.json中的依赖，自动下载(2) 先全局安装: npm install gulp -g再项目