html - Gulp Minify-CSS 删除 CSS

Question

Gulp minify-css 正在删除我最近添加到我的主 css 文件中的 css。我已经包含了被 gulp minify-css 命令删除的代码块。我重新组织了目录中的 css，还更改了调用 cleanCSS 的顺序。

new-age.css:

input[type=email]{
    width: 50%;
    margin-right: 50px;
    color: #000000;
    padding: 1px;
}

gulpfile.js:

// Minify compiled CSS
gulp.task('minify-css', ['less'], function() {
    return gulp.src('css/new-age.css')
        .pipe(cleanCSS())
        .pipe(rename({ suffix: '.min' }))
        .pipe(gulp.dest('css/'))
        .pipe(browserSync.reload({
            stream: true
        }))
});

Answer 1

如果你只是想缩小 CSS，试试下面这个，它是旧代码，但它应该仍然可以工作，如果不能，请告诉我，我会写一些东西给你

var minfyCSS = require('gulp-minify-css');

gulp.task('minfy-css', function() {
    return gulp.src('css/new-age.css')
        .pipe(minfyCSS)
        .pipe(rename({ suffix: '.min' }))
        .pipe(gulp.dest('css/'));
});