以后可能会经常用到的gulp插件
来源:互联网 发布:java filedialog 编辑:程序博客网 时间:2024/04/28 07:21
首先,由于模块插件都在国外的,所以最好使用淘宝的镜像。
其次,这些模块都是放在项目里面,所以如果进行版本管理的话,要把node_modules文件夹加入.gitignore文件里面。
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后使用cnpm
代替npm
。
var gulp = require('gulp'), minifycss = require('gulp-minify-css'), concat = require('gulp-concat'), uglify = require('gulp-uglify'), rename = require('gulp-rename'), jshint = require('gulp-jshint'); //需求库引入//压缩cssgulp.task('minifycss', function () { return gulp.src('css/*.css') //需要操作的文件 .pipe(rename({suffix: '.min'})) //rename压缩后的文件名 .pipe(minifycss()) //执行压缩 .pipe(gulp.dest('dist/css')); //输出文件夹});//压缩、合并jsgulp.task('minifyjs', function() { return gulp.src('js/*.js') //需要操作的文件 .pipe(concat('main.js')) //合并所有js到main.js,去掉则不会合并,但压缩 .pipe(gulp.dest('js')) //输出到文件夹 .pipe(rename({suffix: '.min'})) //rename压缩后的文件名 .pipe(uglify()) //压缩 .pipe(gulp.dest('Js')); //输出 });
来自雅虎的图片压缩,可压缩60%,而且品质几乎无损。缺点是只能压缩jpg和png文件。在命令行下运行会报错,但在webstorm下运行则没问题。
安装:cnpm install gulp-smushit --save-dev
var smushit = require('gulp-smushit');gulp.task('smushit', function () { return gulp.src('imgs/*') .pipe(smushit({ verbose: true })) .pipe(gulp.dest('dist'));});
待续
0 0
- 以后可能会经常用到的gulp插件
- 以后可能会用到的JavaScript正则表达式
- 经常用到的Sublime2插件
- 实用案例,先收着,以后可能会用到
- 可能会用到的软件
- 可能会用到的网站
- 可能会用到的东西
- 可能会用到的一些网页,先存在这里免得以后找不到
- 前段开发 一些经常用到的js插件
- 经常用到的SQL
- 经常用到的DML
- CSS 经常用到的
- 经常用到的网址
- 经常用到的sql
- 经常用到的命令
- 经常用到的方法
- 经常用到的快捷键
- JNI技术-----环境搭建(记录下来,以后可能会用到)
- 分布式缓存- Spring中Memcache的使用
- Array.prototype.slice.call(arguments)
- 数据库查询优化
- Spring的AOP
- (原创)iOS tableview系统左滑删除 左滑置顶 自定义左滑事件功能 输入框弹出
- 以后可能会经常用到的gulp插件
- json--eval--VM1423:3 Uncaught SyntaxError: Invalid or unexpected token
- RabbitMQ之入门HelloWorld(Java)
- AndroidTrainingCHS -- 高效显示Bitmap
- Java设计模式(2)创建型:工厂模式(工厂方法模式与抽象工厂模式)
- 支付宝支付发挥错误码4000
- C#泛型(二)
- HTML5--表单元素
- Project Euler 练习题希望自己坚持下去