我有一个CSS文件，我需要优化加载。它具有很多不同的组件，可以在不同的断点（移动，桌面，桌面）上的许多不同页面（起始页面，类别页面，详细页面）上使用，因此手动优化很复杂。至少提取最重要的部分将有助于加载时间（因为它阻止渲染） - 当前的大文件可以加载异步。
我尝试过的是使用各种关键的css提取器和unss。但是所有这些都只能在一个断点中为一个页面提取CSS。
有没有我错过的工具？我正在寻找可以做的事情
magic-used-css-extractor 400px,1024px,2048px http://example.com/ http://example.com/category1/ http://example.com/category2/ http://example.com/detail1/ http://example.com/detail2/
并返回一个CSS，该CSS与所有这些页面上使用的CSS相匹配。或者是一个可以按照正则规则将正确顺序合并几个关键CSS的工具。
答案 0 :(得分：0)
就在昨天，我看到了https://github.com/addyosmani/critical
完成的一招它支持多个维度，但不支持多个页面。在几个重要页面上运行它之后，仍然可以应用相同的技巧来合并关键css。
关键的工具是使用https://github.com/jakubpawlowicz/clean-css，这将删除重复的规则，因此合并多个css文件。
请参阅此处以供参考：https://github.com/addyosmani/critical/blob/master/lib/core.js#L30