【问题标题】:Gulp Minify-CSS deletes CSSGulp Minify-CSS 删除 CSS
【发布时间】:2017-02-18 23:41:24
【问题描述】:

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

【问题讨论】:

  • 只是缩小?不编译 SASS 或其他什么对吗?

标签: html css gulp


【解决方案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/'));
});

【讨论】:

  • minifyCSS 没有被弃用吗? npmjs.com/package/gulp-minify-css
  • 尝试使用文件顶部变量的更新代码
  • 请把你的 gulp 文件粘贴到你的帖子中(全部)
  • 我发现了这个问题。无论出于何种原因,它都会在该目录中创建一个名为“new-age.css”的默认 css 文件。为了解决这个问题,我刚刚创建了一个单独的 css 文件。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-03-21
  • 2014-05-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-11-10
相关资源
最近更新 更多