一、话不多说直接上代码 1、这里root设置根目录; 2、host设置需要在c盘下面找到hosts文件并将域名映射ip设置问本地ip地址; 3、注意各个人物执行的顺序,并且注意刷新 ...
安装环节,通过npm 安装gulp livereload npm install save dev gulp livereload 这里不推荐使用cnpm 我在用cnpm安装后使用时 报找不到modules 引入环节,打开gulpfile.js const gulp require gulp 基础库 const livereload require gulp livereload 浏览器热更新功 ...
2017-11-23 01:00 0 2753 推荐指数:
一、话不多说直接上代码 1、这里root设置根目录; 2、host设置需要在c盘下面找到hosts文件并将域名映射ip设置问本地ip地址; 3、注意各个人物执行的顺序,并且注意刷新 ...
简介: gulp-livereload拯救F5!当监听文件发生变化时,浏览器自动刷新页面。【事实上也不全是完全刷新,例如修改css的时候,不是整个页面刷新,而是将修改的样式植入浏览器,非常方便。】特别是引用外部资源时,刷新整个页面真是费时费力。 1、安装nodejs/全局安装 ...
首先gulp是基于Node的,所以确保你已经安装 node.js,在Nodejs官方网站下载跟自己操作系统相对应的安装包。 先说一下gulp安装流程: 1:全局安装gulp,操作为: npm install gulp -g;2:在根目录下创建 package.json文件,操作为:npm ...
早就想要自动自动自动刷新了啊,曾经用grunt实现过,但是是yeoman建好的。。其中很多任务我是用不到的啊,为了干净还是得要自己写啊哈哈(现在我只想要自动刷新)。 首先node是必须的了~就不说怎么装了。 然后先建好文件夹,安装gulp和gulp-livereload,执行 ...
gulp初涉 1、什么是gulp? gulp是前端开发过程中一种基于流的代码构建工具,是自动化项目的构建利器;它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用它,不仅可以很愉快的编写代码,而且大大提高我们的工作效率。 gulp ...
前言 通常我们所做的一些页面,我们可以从设计图里面看出有一些地方是相同的。例如:头部,底部,侧边栏等等。如果前后端分离时,制作静态页面的同学,对于这些重复的部分只能够通过复制粘贴到新的页面来,如果页面的数量上去了而中途公共的部分出现要修的地方。不过有上10个页面都用到了这个公共的html代码 ...
前言:gulp将header/footer引入页面 这是使用fs、gulp-replace的一个方法,比较麻烦,每新增一个模块,就要写一个引入。也有其他更为简单的方法,gulp-file-include更为的简单简略,使用很久了,感觉不错,记录之。 1、引入插件 2、写task ...
本文版权桂博客园和作者吴双共同所有,转载和爬虫请注明原文地址 http://www.cnblogs.com/tdws/p/6016055.html 写在前面 大家好我是博客园的蜗牛,博客 ...