使用 gulp-useref 时,是否可以根据 html 标签内声明的 html 构建类型有条件地处理 css 和 js 资产?
<!-- build:<type>(alternate search path) <path> -->
... HTML Markup, list of script / link tags.
<!-- endbuild -->
我想做的只是 autoprefix 和 jslint 通过区分它们来区分非供应商资产,就像那样(注意 css 与 css_vendors 类型):
索引.html
<!-- build:css_vendors css/vendors.min.css -->
<link rel="stylesheet" href="vendor/fontawesome/css/font-awesome.css">
<link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.css">
<!-- endbuild -->
<!-- build:css css/styles.min.css -->
<link rel="stylesheet" href="css/theme.css">
<link rel="stylesheet" href="css/custom.css">
<!-- endbuild -->
gulpfile.js
gulp.task('useref', function() {
return gulp.src('index.html')
.pipe(useref({
css: [ autoprefixer(), minifyCss() ],
css_vendors: [ minifyCss() ]
}))
.pipe(gulp.dest('build/'));
});
但不幸的是,这个 gulpfile.js 代码不起作用。