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

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

1 个答案: