前端构建工具,可以实现文件合并.文件压缩.语法检查.监听文件变化 参看: http://blog.sina.com.cn/s/blog_6592d8070102vmuq.html https://segmentfault.com/a/1190000002580846…

写这篇文章的目的是为了以后的项目中懒得再去配gulp,直接可以拿这篇博客中的来用,因为有时候配置还是挺烦人的. gulp相关插件的介绍 用法比较简单,假设大家都会用gulp,下面主要介绍一下一些插件的用途 1.del 删除文件,用于清空文件 2.browser-sync 用于自动刷新浏览器,从此再也不用F5手动刷新了 3.gulp-htmlmin 用于压缩html 4.gulp-clean-css 压缩css 5.gulp-uglify 压缩js 6.gulp-replace 替换路径 7.gu…

Gulp 是前端自动化开发工具,我们可以用它提高开发效率. 它有以下用途: 压缩js.压缩css.压缩less.压缩图片等功能 首先我们开始安装Gulp Gulp是基于node来实现的,所以应该先安装node环境,具体请百度一下 安装好node环境之后 命令行中,输入npm install gulp –g(-g代表全局). 输入gulp -v,如果出现类似以下内容证明安装成功 虽然已经在全局安装了Gulp,但是每个项目中个还需要安装一下Gulp,为了防止版本冲突 在项目中安装的命令是 npm i…

前端建站工具 标签 : 工具 *** 脚手架:yeoman 用途 快速搭建新项目 为项目增加新部分 创建模块或者包 引导新服务 ... 开始 安装yo和generator npm i -g yo npm i -g generator-webapp 运行安装 yo webapp 查看已安装generator yo -- generators 详细使用查看网址:yeoman.io bower 用途 管理前端渲染文件 使用 npm i -g bower bower init bower i [--sa…

gulp是基于Nodejs的自动化任务工具,类似java中的ant,结合相关插件可方便的完成javascript/coffee/sass/less/html/image/css等文件的的测试.检查.合并.压缩.格式化.浏览器自动刷新.部署文件生成,并监听文件在改动后重复指定的这些步骤.很好的利用了Nodejs的Stream和pipe,前一级输出直接为后一级的输入,操作非常方便.在前端主要有以下用途: gulp API:task.src.dest.watch gulp.task(name[, de…

Building With Gulp =================== 转载出处 原文地址 翻译出处 对网站资源进行优化,并使用不同浏览器测试并不是网站设计过程中最有意思的部分,但是这个过程中的很多重复的任务能够使用正确的工具自动完成,从而使效率大大提高,这是让很多开发者觉得有趣的地方. Gulp是一个构建系统,它能通过自动执行常见任务,比如编译预处理CSS,压缩JavaScript和刷新浏览器,来改进网站开发的过程.通过本文,我们将知道如何使用Gulp来改变开发流程,从而使开发更加快速高…

小屁活动使用 gulp+less gulpfile.js var gulp = require('gulp'), cssmin = require('gulp-minify-css'), less = require('gulp-less'), runSequence = require('run-sequence'), rename = require("gulp-rename"); changed = require('gulp-changed'); autoprefixer=re…

本文主要展示的是gulp常用插件的使用方法和用途,通过对插件的熟练运用达到精通gulp.不定期更新.可以到github上面下载DEMO. github地址:lin-xin/gulp-plugins 匹配符 *.**.!.{} gulp.src('./js/*.js') // * 匹配js文件夹下所有.js格式的文件 gulp.src('./js/**/*.js') // ** 匹配js文件夹的0个或多个子文件夹 gulp.src(['./js/*.js','!./js/index.js']) /…

Building With Gulp =================== 原文地址 翻译出处 原创翻译,有不当的地方欢迎指出.转载请指明出处.谢谢! 对网站资源进行优化,并使用不同浏览器测试并不是网站设计过程中最有意思的部分,但是这个过程中的很多重复的任务能够使用正确的工具自动完成,从而使效率大大提高,这是让很多开发者觉得有趣的地方. Gulp是一个构建系统,它能通过自动执行常见任务,比如编译预处理CSS,压缩JavaScript和刷新浏览器,来改进网站开发的过程.通过本文,我们将知道如何使…

写这篇文章的目的是为了以后的项目中懒得再去配gulp,直接可以拿这篇博客中的来用,因为有时候配置还是挺烦人的. gulp相关插件的介绍 用法比较简单,假设大家都会用gulp,下面主要介绍一下一些插件的用途 1.del 删除文件,用于清空文件 2.browser-sync 用于自动刷新浏览器,从此再也不用F5手动刷新了 3.gulp-htmlmin 用于压缩html 4.gulp-clean-css 压缩css 5.gulp-uglify 压缩js 6.gulp-replace 替换路径 7.gu…