原文:gulp之压缩合并MD5清空替换加前缀以及自动编译自动刷新浏览器大全

gulp是基于流的前端构件化工具。目前比较火的前端构建化工具还是挺多的,grunt gulp fis 等等。 这个鬼东西有什么用 请参考https: www.zhihu.com question 为什么选择gulp,因为使用非常简单,学习成本低。以后想用别的工具再转去学也不难。 一个自动化构建工具都没用过的前端,何以谈人生 以下是正题: .要玩gulp,首先得安装node,因为npm跟随node的 ...

2016-12-04 16:21 0 1967 推荐指数:

查看详情

[gulp入门]gulp-connect浏览器自动刷新

  LiveReload可以理解为即时刷新,在前端开发中,开发者在编写或调试html/js/css代码后需要从编辑切换到浏览器,再刷新浏览器才能看到页面变化,这种频繁的操作在一定程度上影响了工作效率,而LiveReload可以帮助我们解决了这个问题。   实现原理:通过在本地开启一个 ...

Wed Mar 23 22:45:00 CST 2016 2 15836
浏览器自动刷新系列------browser-sync+gulp

在网上看了好多关于browse-sync的使用介绍,基本都是把官网上的直接复制到博客上的,很少有实际的项目操作,当我把browser-sync+gulp在项目中使用的时候,因为要顾及到的文件较多,所以浏览器也很难实现时时刷新,还是有1-2s的运行时间的,废话不多说,看正文: 安装 ...

Thu Feb 23 01:28:00 CST 2017 0 2345
前端神器!!gulp livereload实现浏览器自动刷新

首先gulp是基于Node的,所以确保你已经安装 node.js,在Nodejs官方网站下载跟自己操作系统相对应的安装包。 先说一下gulp安装流程: 1:全局安装gulp,操作为: npm install gulp -g;2:在根目录下创建 package.json文件,操作为:npm ...

Tue Sep 13 02:31:00 CST 2016 1 5011
gulp教程之gulp-autoprefixer(根据设置浏览器版本自动处理浏览器前缀

原文:http://www.ydcss.com/archives/94 简介: 使用gulp-autoprefixer根据设置浏览器版本自动处理浏览器前缀。使用她我们可以很潇洒地写代码,不必考虑各浏览器兼容前缀。【特别是开发移动端页面时,就能充分体现它的优势。例如兼容性不太好的flex ...

Thu Dec 15 21:56:00 CST 2016 0 4629
gulp压缩合并代码

根据电脑配置下载安装node.js (win + R -> cmd -> node -v 检查是否安装成功node.js) npm install gulp --save-dev (建议装在项目目录中, 也可以通过 淘宝镜像 安装,需要先安装淘宝镜像 npm install ...

Thu May 11 18:22:00 CST 2017 0 1582
webpack4.x的css单独打包、合并自动加前缀压缩

安装 合并压缩、添加前缀 修改配置文件 创建postcss.config文件 该文件 与package.json 同级 postcss.config文件注意点 我之前按照别人的一些配置,不是报错、就是警告,上面那种配置是没有报错和警告的。如果有 ...

Fri Mar 06 04:36:00 CST 2020 0 1370
Gulp学习指南之CSS合并压缩MD5命名及路径替换

gulpfile.js 运行结果 通过以上的配置之后,就可以开始运行 gulp 对我们的项目进行相关的操作啦; 使用 gulp 命令,运行Gulp.js 构建程序 首先运行 concat 这个 task 生成一个 ...

Thu Jun 02 19:27:00 CST 2016 0 5665
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM