gulp
我的小英短
Q版前端开发攻城狮
展开
-
gulp-swig动态数据模板编译输出html文件
导读在node开发的过程中使用使用swig模板的情况比较多的,所以呢,如何快速便捷编译swig模板成为我们的一个面临的选择,使用webpack下的loader,还是gulp生态圈的插件呢?这里我推荐使用gulp-swig插件,可以在本地使用swig快速开发web项目,包括数据的输入,模板的继承等等推荐官网文档:https://www.npmjs.com/package/gulp-swig...原创 2019-06-05 15:35:55 · 1368 阅读 · 0 评论 -
使用 gulp-html-replace 前端自动化配置替换html模板中指定内容
导读在某些开发项目中,我们需要用到动态输出index.html文件,而这个页面文件内的资源也是需要动态加载的,就比如说在线面这些开发条件:一些静态资源需要加版本号动态编译sass,把编译后的内容动态植入html的style标签中,或者自动引用编译好的css文件在index.html文件中,动态插入多个js文件的script脚本内容如果你想往页面中动态插入一些你需要的一些内容,那gulp...原创 2019-05-31 15:00:03 · 5303 阅读 · 0 评论 -
gulp-jade 动态数据渲染编译模板 热更新案例开发
导读我们今天来聊一聊如何使用gulp编译生成jade模板;如果你想快速编写html,就可以使用node下很火的一款模板语法jade,但你便写完代码后,想要立即看到效果就可以使用gulp生态里面的gulp-jade插件,它可以把jade文件动态编译渲染成html,包括数据列表的渲染我们要实现的目标效果是:编辑jade文件保存,页面自动热更新案例代码 - 第一阶段 ( 初级阶段 )下面这个...原创 2019-06-03 16:09:47 · 1203 阅读 · 0 评论 -
如何制作一个gulp生态插件?gulp插件实战案例开发
在使用`gulp`构建前端项目的时候,可能会需要一些功能,但这些功能目前没有`gulp`插件实现,所以可能需要自己写一个插件来满足开发使用。但是,如何开发一款`gulp`插件呢?原创 2019-06-04 14:46:20 · 978 阅读 · 0 评论 -
前端知识每日小拷问 004 前端工程化相关
前端知识小拷问 004今天的前端知识点有如下:如何进行cdn托管,图片整合?如何利用webpack把代码上传服务器以及转码测试?项目上线流程是怎样的?工程化怎么管理的?如何编写一个元素拖拽的插件?仓库地址:https://github.com/RiversCoder/fontend-question-ten-everyday如何进行cdn托管,图片整合?cdn托...原创 2019-07-09 17:07:54 · 866 阅读 · 0 评论 -
编写一款自定义修改html文件中的img、script、link hash后缀的简单gulp插件
编写一款自定义修改html文件中的img、script、html hash后缀的简单插件我们这篇文章将根据我们自己的一些项目需求,来编写一个本地gulp插件,来满足我们的构建开发需求,主要需求就是在编译html的同时,对html文件中的静态资源引用添加随机hash后缀。插件代码实现index.jsvar through = require("through2")// 正则替换func...原创 2019-06-30 11:44:39 · 1021 阅读 · 0 评论