gulp合并压缩JS和CSS

最新推荐文章于 2024-05-30 15:16:37 发布

ilvtt1314

最新推荐文章于 2024-05-30 15:16:37 发布

阅读量2k

点赞数

分类专栏： gulp

本文链接：https://blog.csdn.net/u012737225/article/details/42963861

版权

gulp 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Sites：

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/'));
});