我正在使用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

10-05 20:44