gulp合并压缩JS和CSS
2015-01-21 09:38
531 查看
Sites:
www.npmjs.com/package
Tips:
1. compress & concat JS:
gulp-uglify : compress
gulp-concat : concat
Example:
2. minify & concat CSS:
gulp-minify-css
gulp-concat-css
Example:
www.npmjs.com/package
Tips:
1. compress & concat JS:
gulp-uglify : compress
gulp-concat : concat
Example:
var gulp = require('gulp'); var uglify = require('gulp-uglify'); var concat = require('gulp-concat'); gulp.task('scripts', function() { gulp.src('public/js/*.js') .pipe(concat('dist.js')) .pipe(uglify()) .pipe(gulp.dest('public/js/dist/')); });
2. minify & concat CSS:
gulp-minify-css
gulp-concat-css
Example:
var gulp = require('gulp'); var concatCss = require('gulp-concat-css'); var minifyCss = require('gulp-minify-css'); gulp.task('styles', function() { gulp.src(['public/css/b.css','public/css/a.css']) .pipe(concatCss('dist.css')) .pipe(minifyCss()) .pipe(gulp.dest('public/dist/')); });
相关文章推荐
- 前端构建工具- gulp - 安装及简单CSS,JS文件合并压缩
- gulp最佳实践(包含js,css,html预编译,合并,压缩,浏览器自动刷新)
- gulp css html image js 合并压缩
- gulp 实现 js、css,img 合并和压缩
- gulp 实现 js、css,img 合并和压缩(转)
- 使用gulp对js、css、img进行合并压缩
- gulp 实现 js、css,img 合并和压缩
- gulp 实现 js、css,img 合并和压缩
- gulp 之一 安装及简单CSS,JS文件合并压缩
- gulp 实现 js、css,img 合并和压缩
- maven 压缩、合并 js, css
- Intellij IDEA下使用Ant构建工具压缩合并js和css
- JS&CSS文件请求合并及压缩处理研究(五)
- JS&CSS文件请求合并及压缩处理研究(二)
- maven 压缩、合并 js, css
- Yii --EClientScript 扩展,css,js文件代码压缩合并加载
- JS&CSS文件请求合并及压缩处理研究(四)
- Symfony利用assetsBundle合并和压缩css,js文件
- Asp.net 程序优化js,css合并与压缩
- css和js文件合并压缩工具Minify的使用