我正在使用grunt-uncss清理我正在处理的bootstrap / angularjs项目中的CSS选择器。我使用urls选项是因为我需要uncss在运行时解析css,因为它是一个有角度的应用程序。我还使用了文件选项,因为没有它我将无法正常工作。这在我的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个。我不确定为什么会这样,但是我认为这是因为它处理两次,一次在运行时,一次使用静态文件。不确定如何解决
最佳答案
经过大量搜索后,发现未解决的问题并在此处解决:https://github.com/addyosmani/grunt-uncss/issues/66