使用Grunt &在大型Magento网站上删除未使用的css样式

Using Grunt & grunt-uncss to remove unused css styles on a large scale Magento website

本文关键字：未使用删除 css 样式网站 Grunt 大型 Magento 使用更新时间：2023-09-26

我已经使用javascript任务运行器Grunt来测试使用Grunt - unss从单个页面删除未使用的CSS样式。这工作得很好，但是我正在尝试确定在像Magento(它有数千个文件)这样的大规模动态框架上使用它的最佳方法。

有没有人可以确定最好的方式来使用Grunt与Magento而不必确定单个配置的负载?如有任何建议，我将不胜感激。

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

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

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