js 提取css内引用的文件并补全路径

js yekong

要补全路径,首先要css文件的路径,并提取css内的文件内容,提取文件列表前面已经处理了,接下来就是补全路径,一般css内引入的图片都是相对的路径,需要我们来补全一下。

获取css文件的路径地址

// 获取文件路径
export function getFilePath(s) {
    var data = s.split("/").reverse()[0]
    console.log(s.replace(data, ''))
    return s.replace(data, '')
}

补全css内的图片地址

// 判断文件地址是否是完整地址不是则拼接完整
export function filePathIsComplete(file, url) {
    var newUrl = ''
    if (doesItInclude('http', file)) {
        newUrl = file
    } else if (file.startsWith('//')) {
        newUrl = 'http:' + file
    } else {
        newUrl = getFilePath(url) + file
    }
    return newUrl
}

使用到的doesItInclude判断字符串是否包含指定内容 封装

喜欢