End Tag (/) removed from <link>

Resubmitting as per Gulp User Suggestion.(https://github.com/gulpjs/gulp/issues/639)

We use HTML 5 based template engine (Thymeleaf), which will use strict mode to validate HTML documents. In short, At run time, they validate whether all HTML tags are closed properly like in XMLs. Consider we have below code inside our HTML

<link rel="stylesheet" href="styles/main.css"/>

Once I run gulp build ( i used generator-gulp-angular), I noticed that, in the dist folder, the above HTML code becomes

<link rel="stylesheet" href="styles/main.css">

without the ‘/’ at the end which will be considered as unclosed tag.

[wattazoum]

While I agree with @jedmao regarding the HTML5 specs, sometimes reality catches us. I have the same problem with an application using XHTML. I found a workaround, using gulp-replace and a regexp :

gulp.src(mySrc)
.pipe(useref())
// match the 'non closing' link tag and close it
.pipe(gulpIf('cssimport.xhtml', replace(/(<link [^>]*)(?!\/)>/g, "$1 />") ))

[nelaturuk]

+1