css - 如何在 grunt 中正确配置 uncss？

Question

我尝试使用 grunt 配置 uncss

我已经安装了

npm install grunt-uncss --save-dev
npm install grunt-processhtml --save-dev

---

配置

uncss: {
    dist: {
        files: { 'dist/css/clean.css': ['index.php'] }
    }
}

最后我加载它们并注册一个默认任务，如下所示:

grunt.loadNpmTasks('grunt-uncss');
grunt.loadNpmTasks('grunt-processhtml');

grunt.registerTask('default', ['uncss', 'processhtml']);

---

结果

当我运行 grunt

最后我一直看到:

运行“uncss:dist”(uncss)任务

Fatal error: PhantomJS: Cannot open about:blank

---

更新

我补充说:

processhtml: {

    dist: {

        files: {

            'index.php': ['index.php']
        }
    }
}

运行grunt后还是报同样的错误

Answer 1

如果这是您的全部代码，则您没有引用任何样式表来从中删除代码。您所做的只是告诉 grunt 清洁文件应该去哪里，并从 index.php 中删除所有未使用的 css。但是，它不知道 index.php 的样式存在于何处，因此它无事可做……您需要实际配置您的 processhtml 并告诉 uncss 您想要清理哪些样式表。

阅读指示 friend :

grunt-uncss github readme.md