0.0.3 • Published 4 years ago
gulp-cdn-origin-replace v0.0.3
gulp-cdn-origin-replace
替换html里面的js/css/image/data:image/cdn引用域名 v0.0.3 新增参数的属性exclude,原属性special更名include,且改用正则匹配完整的cdn
安装
npm install gulp-cdn-origin-replace --save-dev
示例
gulpfile.js
var originReplace = require('gulp-cdn-origin-replace');
gulp.task('cdn', function() {
return gulp.src('./src/*.html')
.pipe(originReplace({
js: '//js.cdn.cn', // 所有script标签的js引用地址,域名替换为 //js.cdn.cn
css: '//css.cdn.cn', // 所有link标签的css引用地址,域名替换为 //css.cdn.cn
image: '//image.cdn.cn', // 所有img标签的图片引用地址,域名替换为 //image.cdn.cn
cssImg: '//base64.cdn.cn', // 所有base64资源的引用地址,域名替换为 //base64.cdn.cn
include: { // 包括以下匹配项
"www.baidu.com": "//github.com"
},
exclude: [ // 排除以下匹配项
"github.com",
".tsx"
]
}))
.pipe(gulp.dest('./dist'));
});
参数说明
originReplace(options)
options
Type: Object
options.js
Type: String
将js文件引用的 路径域名/相对路径 替换成设定的字符串
options.css
Type: String
将css文件引用的 路径域名/相对路径 替换成设定的字符串
options.image
Type: String
将image文件引用的 路径域名/相对路径 替换成设定的字符串
options.cssImg
Type: String
将base64文件引用的 路径域名/相对路径 替换成设定的字符串
options.include
Type: Object
在include里可以指定特殊处理的cdn,将采用正则匹配的逻辑,对符合规则的cdn进行指定的替换,优先级高于以上
示例
include: {
"baidu": "//github.com" // 当cdn中含有 baidu ,将其域名替换为 //github.com
}
options.exclude
Type: Array
exclude可以指定一个排除在替换处理外的数组,能与数组中任一项匹配的cdn,都不会被替换,优先级最高
示例
// 当cdn中含有github/tsx的,都不会被替换域名
exclude: [
"github",
"tsx"
]
options.inlineReplace
Type: Boolean
Default: true
Whether replace tag with inline
attribute.
The CDN prefix for css files.