摘要:
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)
摘要:
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)
摘要:
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)
摘要:
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)
摘要:
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)
摘要:
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)
摘要:
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)