2021年3月5日

摘要: 1、安装插件 yarn add gulp-load-plugins --dev 2、加载插件 //载入自动加载插件 const loadPlugins = require('gulp-load-plugins'); const plugins = loadPlugins(); 3、使用 将代码中的任 阅读全文
posted @ 2021-03-05 19:59 phantom_yy 阅读(89) 评论(0) 推荐(0)
 
摘要: 1、将public目录下的文件拷贝到dist目录下 //额外的任务 //将public目录下的文件放到dist目录下 const extra = () => { return src('public/**',{base:'public'}) .pipe(dest('dist')) } 2、将额外任务 阅读全文
posted @ 2021-03-05 19:45 phantom_yy 阅读(169) 评论(0) 推荐(0)
 
摘要: 1、安装插件 yarn add gulp-imagemin --dev 2、加载插件 //载入imagemin文件 const imagemin = require('gulp-imagemin'); 3、图片压缩任务 //图片转换任务 const img = () => { return src( 阅读全文
posted @ 2021-03-05 19:27 phantom_yy 阅读(171) 评论(0) 推荐(0)
 
摘要: 1、安装模板引擎 yarn add gulp-swig --dev 2、载入插件 const swig = require('gulp-swig'); 3、使用 .pipe(swig(data))是.pipe(swig(data:data))的简写 const {src,dest} = requir 阅读全文
posted @ 2021-03-05 18:56 phantom_yy 阅读(205) 评论(0) 推荐(0)
 
摘要: 1、安装gulp 2、在根目录下新建gulpfile文件,作为gulp入口 3、安装转换流插件 yarn add gulp-babel --dev 4、安装babel的核心模块 yarn add @babel/core @babel/preset-env --dev 5、使用 const {src, 阅读全文
posted @ 2021-03-05 17:38 phantom_yy 阅读(86) 评论(0) 推荐(0)
 
摘要: 1、安装gulp yarn add gulp 2、在根目录下新建gulpfile文件,作为gulp入口 3、安装转换插件 yarn add gulp-sass --dev//sass只转换主文件,带有下划线的文件会被认为是主文件的依赖文件,不会去转换 4、基本使用 const {src,dest} 阅读全文
posted @ 2021-03-05 16:38 phantom_yy 阅读(83) 评论(0) 推荐(0)
 
摘要: 1、基本用法 //载入src和dist方法 const { src,dest } = require('gulp'); //通过src创建读取流 //pipe:导出 //dist:写入流 //读取流路径:src/*.css //写入流路径:dist exports.default = () => { 阅读全文
posted @ 2021-03-05 14:00 phantom_yy 阅读(163) 评论(0) 推荐(0)