使用gulp-clean-css和gulp-rename


本文向大家介绍使用gulp-clean-css和gulp-rename,包括了使用gulp-clean-css和gulp-rename的使用技巧和注意事项,需要的朋友参考一下

示例

首先,安装gulp,gulp-clean-css并gulp-rename在本地项目目录中

npm install --save-dev gulp gulp-clean-css gulp-rename

比将以下minify-css任务添加到您的gulpfile.js

var gulp = require('gulp');
var cleanCSS = require('gulp-clean-css');
var rename = require('gulp-rename');

gulp.task('minify-css', function() {
    return gulp.src('css/dist/dist.css')
        .pipe(cleanCSS())
        .pipe(rename('dist.min.css'))
        .pipe(gulp.dest('css/dist'));
});

gulp.task('watch', function(){
  gulp.watch('css/dist/**/*.css', ['minify-css']); 
  // 其他观察者
});

gulp.task('default', ['minify-css', 'watch']);

在这里执行文件的缩小并将其重命名为.pipe(cleanCSS())css/dist/dist.css.pipe(rename('concat.min.css'))dist.min.css