node.js - 向wiredep或gulp-inject css链接添加属性？

Question

如何使用wiredep或gulp-inject将自定义html属性添加到一个css文件？每个其他文件都是使用 Gulp 自动注入的，除了这个文件（因为我需要向它添加一个属性）：

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title page-title></title>

<!-- build:css styles/lib.css -->
<!-- bower:css -->
<!-- endbower -->
<!-- endbuild -->

<!-- build:css styles/app.css -->
<!-- inject:css -->
<!-- endinject -->
<link id="loadBefore" href="/theme/css/style.css" rel="stylesheet">
<!-- endbuild -->

Answer 1

在 gulp 文件的注入命令中使用转换选项

var addIdToCss = function (filepath, file, i, length) {
    return '<link rel="stylesheet" href="' + filepath + '" id="YourId">';
}

inject(yourFile, {transform: addIdToCss, ...})