gulp
longzhoufeng
这个作者很懒,什么都没留下…
展开
-
gulpfile.js文件创建与配置
安装gulp1.通过npm包安装(前提是已经安装了nodejs环境 和 npm)npm install gulp -g2.在全局安装完gulp后,运行gulp -v 可以查看gulp版本号3.这里稍微介绍一下命令的含义:因为npm安装插件的命令行格式为 npm install project-name -g --save-dev说明一下上面(npm install project-name -g –原创 2017-04-17 17:44:04 · 2254 阅读 · 0 评论 -
gulp输出的css,js,html格式
var gulp = require('gulp'), //基础库 imagemin = require('gulp-imagemin'), //图片压缩 minifycss = require('gulp-minify-css'), //css压缩 jshint = require('gulp-jshint'),原创 2017-05-17 09:11:51 · 1353 阅读 · 0 评论 -
gulp入门与一些基本设置
1.安装Nodejs下载nodejs安装,这里免了2.安装全局gulpnpm install --global gulp-cli3.进入项目目录(之后的操作全是在此目录下进行)cd myprogram4.初始化package.jsonnpm init5.安装项目gulpnpm install --save-dev gulp6.安装插件npm install gulp-htmlmin gulp-ima原创 2017-05-17 22:50:40 · 231 阅读 · 0 评论 -
gulp-ruby-sass与gulp-sass的区别
gulp-ruby-sass1、它使用Sass gem编译Sass,将结果输出到一个gulp流 2、安装命令:npm install --save-dev gulp-ruby-sass注意:使用gulp-ruby-sass而不是gulp.src来编译Sass文件下面是gulp-ruby-sass编译的格式:var gulp = require('gulp'); var sass = require原创 2017-05-17 23:10:23 · 554 阅读 · 0 评论 -
gulp压缩js代码
1、初始化gulpnpm init或者cnpm init2、安装gulpcnpm install gulp3、安装 gulp-uglify(js代码压缩)cnpm install gulp-uglify --save-dev4、安装gulp-browserify(打包JavaScript)cnpm install gulp-browserify --save-dev5、在当前根目录下,创建一个src原创 2017-05-19 00:07:35 · 523 阅读 · 0 评论 -
gulp自动监视Sass编译css
1、先安装gulpnpm install gulp -g2、在当前目录下创建 一个空白:package.json3、安装gulp-ruby-sassnpm install --save-dev gulp-ruby-sass4、先安装Ruby和Sass,如果你是OSX和Linux系统可能已经有Ruby,你可以在终端使用ruby -v测试。当你确定Ruby已安装,5、运行gem install sass原创 2017-05-16 17:09:52 · 3339 阅读 · 0 评论 -
使用gulp+browser-sync搭建Sass自动化编译以及自动刷新
1、安装browser-sync(在命令行中输入)npm install --save-dev browser-sync下面列一些安装其它的插件,如需用到可以安装下面的这些插件npm install --save-dev gulp-concat //js合并插件 npm install --save-dev gulp-uglify //js压缩插件 npm install --s原创 2017-05-18 18:07:56 · 578 阅读 · 0 评论 -
Gulp简介及一些常用插件介绍
Gulp 是用 nodejs 写的一个前端构建工具,我现在主要拿来自动编译 coffee、less 以及压缩图片、同步文件、清理多余文件等工作。 gulp 使用 stream 方式处理内容,主要使用的几个办置方法如下:npm init命令初始化当前文件夹后,在当前文件夹新建gulpfile.js文件。当前目录下的所有操作流都在gulpfile.js文件中定义gulp.src: 来源gulp.dest原创 2017-05-22 16:23:58 · 748 阅读 · 0 评论