使用 YUI Compressor 压缩 CSS 导致 image/svg+xml 无法显示的问题
在 bootstrap 升级到 4.3 以后，.navbar-toggler-icon 的背景是一个 svg 图像，但被压缩后，url 中的空格全部消失了，所以无法显示这个图标。
.navbar-light .navbar-toggler-icon { background-image: url(data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://ww…p='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E); }
于是想到修改 java 代码，重新编译。
https://github.com/yui/yuicompressor/blob/master/src/com/yahoo/platform/yui/compressor/CssCompressor.java
修改源码
找到 CssCompressor.java，修改第 141 行，
css = this.preserveToken(css, "url", "(?i)url\\(\\s*([\"']?)data\\:", true, preservedTokens);
改为
css = this.preserveToken(css, "url", "(?i)url\\(\\s*([\"']?)data\\:", false, preservedTokens);
重新编译
安装 ant
# yum -y install ant
# ant // 编译为 jar 文件
生成 .jar 文件位于 build 目录。
THE END
我要评论
文章归档
2024 年 04 月
11
2019 年 11 月
1
2019 年 10 月
1
2019 年 07 月
2
2019 年 01 月
3
2018 年 12 月
5
2018 年 11 月
1
2018 年 10 月
1
2018 年 09 月
1
2018 年 08 月
3
文章日历
| 2024 年 04 月 | ||||||
|---|---|---|---|---|---|---|
| 日 | 一 | 二 | 三 | 四 | 五 | 六 |
| 29 | 01 | 02 | 03 | 04 | 05 | 06 |
| 07 | 08 | 09 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 29 | 30 | 01 | 02 | 03 | 04 | 05 |
文章标签
- Linux
- Go
- Yii
- 新浪
- CentOS
- PHP
- Git
- WSL
- Composer
- Mac
- 入职
- Bootstrap
- China
- UCenter
- 厦门
- 出差
- 长沙
- 湖南卫视
- 微博
- Tengine
- YUI
- 泰国
- pecl
- 优化
- GitLab
- 迁移
- rootless
- 年会
- 生日
- Tengin
- RedHat
- Sphinx
- cygwin
- Windows
- Tmux
- Zsh
- 升级
- MySQL
- sql_mode
- Shadowsockets
- 面向对象
- HTTP
- 状态码
- grep
- unoconv
- PPT
- Nginx
- htpasswd
- golang
共 0 条评论