LiveReload可以理解为即时刷新,在前端开发中,开发者在编写或调试html/js/css代码后需要从编辑器切换到浏览器,再刷新浏览器才能看到页面变化,这种频繁的操作在一定程度上影响了工作效率,而LiveReload可以帮助我们解决了这个问题。 实现原理:通过在本地开启一个 ...
gulp是基于流的前端构件化工具。目前比较火的前端构建化工具还是挺多的,grunt gulp fis 等等。 这个鬼东西有什么用 请参考https: www.zhihu.com question 为什么选择gulp,因为使用非常简单,学习成本低。以后想用别的工具再转去学也不难。 一个自动化构建工具都没用过的前端,何以谈人生 以下是正题: .要玩gulp,首先得安装node,因为npm跟随node的 ...
2016-12-04 16:21 0 1967 推荐指数:
LiveReload可以理解为即时刷新,在前端开发中,开发者在编写或调试html/js/css代码后需要从编辑器切换到浏览器,再刷新浏览器才能看到页面变化,这种频繁的操作在一定程度上影响了工作效率,而LiveReload可以帮助我们解决了这个问题。 实现原理:通过在本地开启一个 ...
在网上看了好多关于browse-sync的使用介绍,基本都是把官网上的直接复制到博客上的,很少有实际的项目操作,当我把browser-sync+gulp在项目中使用的时候,因为要顾及到的文件较多,所以浏览器也很难实现时时刷新,还是有1-2s的运行时间的,废话不多说,看正文: 安装 ...
首先gulp是基于Node的,所以确保你已经安装 node.js,在Nodejs官方网站下载跟自己操作系统相对应的安装包。 先说一下gulp安装流程: 1:全局安装gulp,操作为: npm install gulp -g;2:在根目录下创建 package.json文件,操作为:npm ...
原文:http://www.ydcss.com/archives/94 简介: 使用gulp-autoprefixer根据设置浏览器版本自动处理浏览器前缀。使用她我们可以很潇洒地写代码,不必考虑各浏览器兼容前缀。【特别是开发移动端页面时,就能充分体现它的优势。例如兼容性不太好的flex ...
根据电脑配置下载安装node.js (win + R -> cmd -> node -v 检查是否安装成功node.js) npm install gulp --save-dev (建议装在项目目录中, 也可以通过 淘宝镜像 安装,需要先安装淘宝镜像 npm install ...
-g gulp 一:gulp实时编译less var gulp = require('gu ...
安装 合并、压缩、添加前缀 修改配置文件 创建postcss.config文件 该文件 与package.json 同级 postcss.config文件注意点 我之前按照别人的一些配置,不是报错、就是警告,上面那种配置是没有报错和警告的。如果有 ...
gulpfile.js 运行结果 通过以上的配置之后,就可以开始运行 gulp 对我们的项目进行相关的操作啦; 使用 gulp 命令,运行Gulp.js 构建程序 首先运行 concat 这个 task 生成一个 ...