多行文本省略号样式丢失,以及控制台显示autoprefixer警告'Autoprefixer applies control comment to whole block, not to ne
【多行文本省略号样式丢失,以及控制台显示autoprefixer警告'
Autoprefixer applies control comment to whole block, not to ne】一年好景君须记,最是橙黄橘绿时。这篇文章主要讲述多行文本省略号样式丢失,以及控制台显示autoprefixer警告'
Autoprefixer applies control comment to whole block, not to ne相关的知识,希望能为你提供帮助。
- 问题现象
??使用webpack压缩打包vue项目,遇到一个问题,文本多行显示省略号的关键css语句-webkit-box-orient: vertical;
莫名其妙丢失失效了。查阅资料,有不少人提出在改样式前后添加注释(后处理程序):
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
??再次打包,发现样式恢复正常。然后控制台却多出一条警告:‘(Emitted value instead of an instance of Error) autoprefixer: staticcss esetindex.css:99:3: Second Autoprefixer control comment was ignored. Autoprefixer applies control comment to whole block, not to next rules.’,这对于强迫症来说是极其难受的。
- 原因
??正如警告中所说,以上的css处理语句控制的应该是整个css块,而不是在此之后的css。 - 处理
??将此处修改为:
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
??恢复正常。
推荐阅读
- react_app 项目开发 _角色管理_用户管理----权限管理
- Application provided invalid, non monotonically increasing dts to muxer in stream
- Failed to resolve:com.android.support:appcompat-v7第一次运行安卓程序报错
- unity3d IL2CPP for android
- Android-Recyclerview-使用分割线
- Android 开发 重写定位器类Timer与TimerTask
- 借助这些着陆页的灵感吸引访问者
- 多处理网络服务器模型指南
- 以设计师的身份写作或淡出