a plugin of gulp for prefix url
npm install gulp-html-url-prefix-custom- options - type:
object- prefix:
string, default
- prefix:
urlPrefix({
prefix: '//cdn.xxx.com'
})index.html
<!DOCTYPE html>
<html>
<head>
<link href="./css/example.css" />
</head>
<body>
<img src="./example.jpg" />
<script type="text/javascript" src="./js/example.js"></script>
</body>
</html>gulpfile.js
var urlPrefix = require('gulp-html-url-prefix-custom'),
gulp = require('gulp');
gulp.task('url', function() {
gulp.src(['index.html'])
.pipe(urlPrefix({
prefix: '//cdn.xxx.com';
attrdata: ["img:src", "img:srcset", "img:s-src", "img:data-src", "script:src", "link:href"] //自定义标签属性
}))
.pipe(gulp.dest('./'));
});and the result is:
<!DOCTYPE html>
<html>
<head>
<link href="//cdn.xxx.com/css/example.css" />
</head>
<body>
<img src="//cdn.xxx.com/example.jpg" />
<script type="text/javascript" src="//cdn.xxx.com/js/example.js"></script>
</body>
</html>MIT