twitter-bootstrap - grunt-uncss 在不应该删除动态添加的类时

Question

今天向我介绍了 Node.js，并构建了一个非常简单的 Hello, World 应用程序。我还开始使用 grunt 来自动化构建和部署。

我正在使用 Bootstrap 框架和 colors.css。

<div class="hello"><h1>Hello, World</h1></div>

我使用 jQuery 为一些元素添加了一些颜色类。

console.log('dev mode');
$('.hello').addClass('bg-blue');

我通过 grunt-uncss 运行代码。

uncss: {
    dist: {
        files: {
            'dist/styles.min.css': 'index.html'
        }
    }
}

但是包括在内的所有颜色类bg-blue都不存在于styles.min.css.

如果我不通过 uncss 运行文件，一切都会按预期工作。

我究竟做错了什么？

Answer 1

尝试使用超时选项。它允许您等待 JS 加载和执行。请参阅此处的选项 - https://github.com/addyosmani/grunt-uncss/issues/1

uncss: {
    dist: {
       options : {
           timeout: 2000
       },
       files: {
            'dist/styles.min.css': 'index.html'
        }
    }
}

也看看这个讨论 - https://github.com/addyosmani/grunt-uncss/issues/1