CSS压缩后样式错乱，怎么解决？
我用Webpack打包项目时启用了CSS压缩，结果上线后发现有些按钮的hover效果没了，还有布局也错位了。本地开发环境一切正常，但构建后的CSS好像被过度压缩了。
我试过用css-minimizer-webpack-plugin，也试过调整minimize选项，但问题依旧。是不是压缩插件把一些关键的CSS规则删掉了？比如伪类或者媒体查询？
这是我的配置片段：
optimization: {
minimizer: [
new CssMinimizerPlugin({
minimizerOptions: {
preset: ['default', { discardComments: { removeAll: true } }]
}
})
]
}- 2
回答
71浏览
Vue项目用CSS压缩后样式错乱怎么办？
最近在优化Vue项目时启用了CSS压缩，但压缩后样式完全乱了，文字重叠、颜色不对。检查配置也没发现问题，求解！ 比如这个组件原本正常： 标题 内容文本 .card { border: 1px soli...
- 1
回答
39浏览
内联关键CSS后样式错乱怎么办？
我在做首屏优化时把关键CSS内联到HTML里了，但页面样式完全乱了，是不是提取的关键CSS不完整？ 我用的是 Critical 工具提取的，然后手动复制进 HTML 的 <style> 标...
- 2
回答
24浏览
内联关键CSS后样式错乱怎么办？
我在做首屏优化时把关键CSS内联到HTML里了，但页面样式完全乱了，是不是提取的关键CSS不完整？ 我用的是 Critical 工具自动提取的，生成的内联样式大概长这样： .header { posi...
- 2
回答
33浏览
单元测试怎么测CSS样式是否生效？
我写了个按钮组件，想用Jest + Testing Library做单元测试，但不知道怎么验证CSS样式有没有正确应用。比如我给按钮加了hover效果，测试里能检测到吗？ 这是我的CSS代码： .my...
- 2
回答
20浏览
Figma Inspect 模式下怎么导出 CSS 样式？
我在 Figma 里用 Inspect 检查设计稿，看到右边有自动生成的 CSS，但不知道怎么复制或者导出这些样式。 点那个复制按钮只能复制单个属性，整个组件的完整 CSS 要怎么一次性拿到？试过右键...
- 2
回答
79浏览
内联关键CSS后Vue组件样式错乱怎么办？
我按教程把首屏关键CSS内联到HTML里了，但Vue组件的样式全乱了，是不是提取错了？ 我用的是vue-cli项目，critical包提取了首页的关键CSS，然后手动塞进index.html的styl...
- 1
回答
41浏览
合并CSS后部分页面样式错乱怎么办？
我在合并项目中的两个CSS文件时，发现登录页的按钮样式突然变成默认样式了。之前分别引入时没问题，合并后其他页面正常，就登录页出问题。试过调整合并顺序、检查选择器权重，都没解决。 合并前的HTML是这样...
- 2
回答
28浏览
使用cssnano压缩后样式错乱，如何排查配置问题？
我在项目里用PostCSS配合cssnano压缩CSS时，压缩后的文件导致按钮hover效果消失了。尝试过把preset设为"default"和"advanced"都没解决，控制台没报错但样式就是不对...
- 2
回答
91浏览
Next.js SSR中CSS样式在服务端渲染后空白，怎么解决？
我在用Next.js做SSR的时候遇到个怪问题，布局组件里的CSS样式在服务端渲染后页面直接显示空白了，但控制台没报错，刷新后又能正常显示。折腾了半天发现是CSS加载的问题。 代码结构大概是这样的：在...
- 2
回答
71浏览
为什么压缩后的CSS在IE11下样式全乱了？
最近在用webpack的OptimizeCSSAssetsPlugin压缩CSS，结果发现打包后的样式在IE11里全乱了，其他浏览器没问题。明明开发环境不压缩的时候都正常... 尝试过在配置里加了ca...
暂无解答