添加属性到wiredep或gulp-inject css链接?

时间:2016-07-09 17:47:14

标签: node.js gulp wiredep gulp-inject

如何使用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 -->

1 个答案:

答案 0 :(得分:0)

在gulp文件的inject命令中使用transform选项

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

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