我使用useref进行gulp设置以连接和缩小我的css文件:
var gulpIf = require('gulp-if');
var useref = require('gulp-useref');
var cssnano = require('gulp-cssnano');
gulp.task('useref', function() {
return gulp.src('app/*.html')
.pipe(useref())
.pipe(gulpIf('*.css', cssnano()))
.pipe(gulp.dest('dist'))
});
我的HTML文件如下:
<!-- build:css assets/css/theme.min.css -->
<link rel="stylesheet" href="assets/css/theme.css">
<!-- endbuild -->
的package.json:
"gulp-useref": "^3.1.2",
当我进行新构建时,theme.min.css
会被创建,但它是空的(而原始的theme.css
有类似150Kb的样式)。也没有错误。有什么想法吗?