如何在grunt中正确配置unss？

Question

我尝试使用grunt

配置uncss

我已经安装了

protected void Application_PreSendRequestHeaders(object sender, EventArgs e)
{
    if (Context.Request.RawUrl.EndsWith(".aspx."))
    {
        //permanent redirect and end current request...
        Context.Response.RedirectPermanent(Context.Request.RawUrl.TrimEnd('.'), true);
    }
}

配置

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']);

时

最后我一直在看：

运行“uncss：dist”（解除）任务

  

致命错误：PhantomJS：无法打开：空白

更新

我补充说：

grunt

运行processhtml: { dist: { files: { 'index.php': ['index.php'] } } }

后仍然会出现相同的错误

Answer 1

如果这是您的所有代码，则不会引用任何样式表来删除代码。你所做的只是告诉grunt清理文件应该去哪里，并从index.php中删除任何未使用的css。但是，它并不知道index.php的样式在哪里，所以它无关...你需要实际配置你的processhtml并告诉uncss你要清理哪些样式表。

阅读路线朋友：

grunt-uncss github readme.md

Answer 2

我的项目存在问题，解决方案是here： 你需要更新unss模块，记住grunt-uncss只是一种使用uncss节点包的方法。在我的情况下，我的版本是在0.12.1和更新该包，问题得到修复。如果这对您有帮助，请告诉我。