从 Semantic UI React 中删除未使用的 CSS

【问题标题】：Remove unused CSS from Semantic UI React从 Semantic UI React 中删除未使用的 CSS
【发布时间】：2020-08-26 09:46:09
【问题描述】：

有没有办法删除从 semantic-ui-css/semantic.min.css 导入的未使用的 CSS？

检查开发者工具中的 Coverage 选项卡，该文件似乎包含 97.8% 的未使用字节。

Coverage 选项卡图片如下：

【问题讨论】：

您可以在构建过程中使用PurgeCSS 之类的工具来删除未使用的CSS - purgecss.com
我尝试使用 PurgeCSS 但它不起作用

标签： css reactjs semantic-ui semantic-ui-react

【解决方案1】：

我通过仅导入特定组件的缩小 CSS 文件而不是导入整个框架来解决此问题。

【讨论】：

您好！你能解释一下你的意思吗？我问是因为不是 .min 文件，还是整个库？
您好！我是这样做的：import { Button, Form } from "semantic-ui-react"; import "semantic-ui-css/components/button.min.css"; import "semantic-ui-css/components/form.min.css"; 这样你只需要为每个组件导入相关的 CSS 类。

猜你喜欢

1970-01-01
1970-01-01
1970-01-01
2020-01-16
1970-01-01
1970-01-01
2017-12-09
2018-01-09
2021-07-21

相关资源

下载 2022-11-30
下载 2023-01-08
下载 2022-12-24

最近更新更多

热门标签

Java Python linux javascript Mysql C# Docker 算法前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库数据结构大数据 js 机器学习微服务 Android Go 程序员面试 JVM ASP.net core 云原生人工智能后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习多线程 React 架构 devops 爬虫云计算 Spring Boot LeetCode