CSS中的URL工具简介
有很多原因,你需要在CSS代码替换URL转换成数据的URI,它指向一个CDN,自动生成的文件名替换文件名,等等。这个工具可以帮助你解析URL从一个给定的CSS代码,让你用你选择的任何价值。更换CSS代码是完全一样的源代码,除了URL已经被你的选择所取代。
此库包含许多工具,可以帮助您操作和更改CSS URL。
CSS URL重写(重写)
CSS URL重写使用CSS分词器找到所有CSS URL的安全,使所有的变化完全安全的,因为它不依赖于正则表达式从CSS提取URL。
使用方法
CSS代码将内容复制到剪贴板。
Var URLRewriter =需要(cssurl URLRewriter);
VAR重写=新urlrewriter(功能(URL){)
自动将具有唯一值的查询字符串追加到缓存中
返回URL +=+ Date.now();
});
VaR结果= rewriter.rewrite(csscode);
当CSS URL重写通过CSS代码,它调用函数,传递到cssurlrewriter构造函数并将它传递到每个URL发现。URL变量是指URL中的CSS代码,删除任何报价和空间的空间(没有url())。之后,您可以检查URL,它修改为你想要的,并返回值,你需要使用它。
限制
CSS URL重写URL的URL将只替换标签,这是代表,它必须在URL的形式(Foo,CSS)代替,和foo.css的形式存在,尽管后者是一些CSS允许。
重写流(重写流)
CSS URL重写流量使用内流的URL重写,所以你可以很容易的把代码放在。
使用方法
CSS代码将内容复制到剪贴板。
无功urlrewritestream =需要(cssurl URLRewriteStream);
fs.createreadstream(我。CSS)。Pipe(新urlrewritestream(功能(URL){ {)
自动将具有唯一值的查询字符串追加到缓存中
返回URL +=+ Date.now();
})),Pipe(fs.createwritestream(我的新。CSS));
URL翻译(译者)
CSS URL翻译是翻译相关的CSS URL不同的CSS文件的工具。有时你可能要移动一个CSS文件,例如,从CSS / / foo.css CSS sprites / sprites.css。当你这样做时,在CSS文件中的任何URL是不准确的。CSS URL翻译,用CSS URL重写的结合,使我们能够很容易地修改新路径自动计算新的路径。译者也足够聪明不将任何无关的URL。
使用方法
CSS代码将内容复制到剪贴板。
无功urltranslator =需要(cssurl URLTranslator);
VaR翻译=新urltranslator();
VaR结果= translator.translate(, / / /:IMG foo。png
console.log(结果); / / / /:IMG foo。png
发展
要运行测试,克隆以下仓库并执行它:
复制代码代码如下:$ NPM我
$ NPM试验
版权和许可BSD3