解析HTML文件以生成UglifyJS / UglifyCSS的JS和CSS路径列表

时间:2014-10-08 14:49:17

标签: javascript html minify uglifyjs uglifycss

我正在寻找一个可以读取HTML文件的脚本(实际上是Smarty模板文件,但这无关紧要),解析<script></script><link/>标记之外的路径,以及使用它们作为UglifyJS / UglifyCSS(或其他缩小软件)的输入。如果脚本也能够下载远程资源,则奖励积分。

我希望按照它们在我的HTML文件中出现的顺序来缩小资源,而无需手动构建列表。也许某些gulp插件可以完成这样的任务?

我可以自己写一个脚本来做这件事,但我宁愿使用经过测试并且背后有大量社区的东西。

1 个答案:

答案 0 :(得分:1)

如果你只是在JS中表示道歉。

Heres有点sed:

sed -n "s/<\(script\|link\)\+.*\(href\|src\)=\"\([^\'\"]*\)\".*/\3/p" <filename>

将在文件的脚本或链接标记中返回href或source的值。