使用gulp整合CSS

Question

我从外部供应商那里购买了引导主题，并根据我公司的需要对其进行了修改。这个主题使用多个CSS文件，当我使用Google Chrome开发者控制台中的coverage选项测试网页时，大多数CSS规则甚至都不适用于这些页面。我正在寻找一种方法来识别未使用的CSS规则，并仅使用适用的规则将所有css合并为一个或两个css文件。由于我的网站上有多个页面，因此我正在寻找一种自动的方式来使用Gulp或任何其他库来创建此页面。

Answer 1

您可以使用gulp模块找出未使用的CSS

https://www.npmjs.com/package/gulp-purgecss

整理完CSS后，应将所有文件连接起来（合并在一起以减少请求），并缩小它们（减少空格和换行符，使计算机无法解释）

在NPM上进行简单的搜索应会向您显示最佳模块以及如何实现。