gpt4 book ai didi

css - grunt-uncss 创建重复的选择器

转载 作者:行者123 更新时间:2023-11-28 09:18:55 25 4
gpt4 key购买 nike

我正在使用 grunt-uncss 清理我正在处理的 bootstrap/angularjs 元素中的 css 选择器。我正在使用 urls 选项,因为我需要 uncss 在运行时解析 css,因为它是一个 Angular 应用程序。我也在使用 files 选项,因为没有它我无法让 uncss 工作。这在我的 CSS 中造成了一些重复。这是我的配置:

uncss: {
dist: {
options: {
urls: ['http://127.0.0.1:8282/build/index.html#/dashboard',
'http://127.0.0.1:8282/build/index.html#/servicedesk',
'http://127.0.0.1:8282/build/index.html#/email',
'http://127.0.0.1:8282/build/index.html#/calendar',
'http://127.0.0.1:8282/build/index.html#/customers']
},
files: {
'build/css/raw/tidy.css': ['build/index.html']
}
}
}

index.html 有两个 css 文件,site.css 包含我所有应用程序特定的选择器和类,以及 bootstrap.css

当 uncss 运行时,它会复制许多选择器。例如,在 site.css 中只有一个

servicedesk {
display: flex;
width: 100%;
height: 100%;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
flex: 1;
margin: auto;
padding: 1em;
}

运行后有 2 个。我不确定为什么会这样,但我认为这是因为它处理了两次,一次在运行时,一次使用静态文件。不确定如何解决这个问题

最佳答案

经过大量搜索后发现 Unresolved 问题并解决此问题:https://github.com/addyosmani/grunt-uncss/issues/66

关于css - grunt-uncss 创建重复的选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26182435/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com