上一页 1 ··· 7 8 9 10 11 12 13 14 下一页

2021年3月8日

摘要: //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) 推荐(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) 推荐(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) 推荐(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) 推荐(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) 推荐(0)

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 ··· 7 8 9 10 11 12 13 14 下一页