为什么我的gulp-uncss任务没有删除未使用的css?

时间:2014-10-01 21:04:14

标签: gulp

我首先尝试从我的开发环境管道我的sass文件,然后再进入生产。但是当我通过离开未分配的类来测试它时,它仍然保留在我的生产css代码中。

.task('usemin', function(){
  gulp.src('builds/development/*.html')
    .pipe(gulpif(env === 'production',usemin({
      css: [minifycss(), 'concat'],
      js: [uglify()],
      html:[minifyHTML()]

      // in this case css will be only concatenated (like css: ['concat']).
    })))
    .pipe(gulp.dest('builds/production/'));
});



gulp.task('uncss', function() {
        return gulp.src('builds/development/css/main.css')
        .pipe(uncss({
            html: ['builds/production/index.html', 'builds/production/work.html', 'builds/production/contact.html']
        }))
        .pipe(minifycss())
        .pipe(gulp.dest('builds/production/css/main.css'));
});


//sass task
gulp.task('sass', function() {
    gulp.src(sassSources)
      .pipe(sass({
        style: sassStyle,sourcemapPath: false,sourcemap:false
      }))
       .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
      .on('error', function (err) { console.log(err.message); })
      .pipe(gulp.dest('builds/development/css/'))
      .pipe(plumber())
      .pipe( notify({ message: "Sass tasks have been completed!"}) );
});

0 个答案:

没有答案