javascript - 使用 Grunt 和 grunt-uncss 删除大型 Magento 网站上未使用的 css 样式

Question

我使用了 javascript 任务运行程序 Grunt 来测试使用 grunt-uncss 从单个页面中删除未使用的 CSS 样式。这很有效，但是我正在尝试确定在大型动态框架(例如 Magento(有数千个文件))上使用它的最佳方法。

任何人都可以确定在 Magento 中使用 Grunt 的最佳方式，而无需确定各个配置的负载吗？任何对此的建议将不胜感激。

Answer 1

我写了 grunt-uncss。我使用 UnCSS 处理大型多页面项目的方法是首先查看您可能拥有的独特模板和页面类型的数量。

例如，您可能有不同的模板用于仪表板、个人资料页面等。对于其中每一个，选择一个代表该模板最佳用途的页面/URL，这可能会给您留下大约 10 个左右的 URL，这些 URL 通常适合通过 grunt-uncss 运行。

运行它们，尝试用我们生成的精简版本替换您的站点范围 CSS，并根据需要进行调整。