摘要:
//clean任务 const clean = () =>{ return del(['dist','temp']) } 将style、script、page放到temp临时目录中 例如: const style = () =>{ return src('src/assets/styles/*scs
阅读全文
posted @ 2021-03-08 19:24
phantom_yy
阅读(74)
推荐(0)
摘要:
1、安装压缩插件 yarn add gulp-htmlmin gulp-uglify gulp-clean-css --dev 2、安装判断读取流类型的插件 yarn add gulp-if --dev 3、使用 const useref = () => { return src('dist/*.h
阅读全文
posted @ 2021-03-08 18:49
phantom_yy
阅读(69)
推荐(0)
摘要:
1、安装useref插件 yarn add gulp-useref --dev 2、使用 const useref = () => { return src('dist/*.html',{base:'dist'}) .pipe(plugins.useref({searchPath:['dist','
阅读全文
posted @ 2021-03-08 18:18
phantom_yy
阅读(116)
推荐(0)
摘要:
1、使用watch监视开发过程中的变化 const {src,dest,parallel,series,watch} = require('gulp'); 2、在serve任务中使用 //serve任务 //notify:页面右上角browserSync的小提示,开着有时候会影响页面调试 //por
阅读全文
posted @ 2021-03-08 17:45
phantom_yy
阅读(110)
推荐(0)
摘要:
用于在开发阶段调试应用。 1、安装browser-sync模块,提供给我们一个开发服务器 yarn add browser-sync --dev 2、在gulp中使用这个模块 //serve任务 //notify:页面右上角browserSync的小提示,开着有时候会影响页面调试 //port:端口
阅读全文
posted @ 2021-03-08 16:38
phantom_yy
阅读(70)
推荐(0)
摘要:
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)