Question

我正在使用grunt-uncss来清理我正在处理的bootstrap / angularjs项目中的css选择器。我正在使用urls选项，因为我需要在运行时解析css，因为它是一个有角度的应用程序。我也在使用files选项，因为没有它我就无法工作。这导致我的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

当unss运行时，它会复制许多选择器。例如，在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.我不确定为什么会这样，但我认为这是因为它处理两次，一次是在运行时，一次是使用静态文件。不知道如何解决这个问题

Answer 1

经过大量搜索后找到了未解决的问题并在此处解决：https://github.com/addyosmani/grunt-uncss/issues/66

grunt-uncss创建重复选择器

1 个答案: