卸载grunt_如何用Grunt卸载不必要CSS

使用诸如Bootstrap和Foundation之类的框架是构建响应式网站的最快方法之一。 这些框架具有所需的所有功能，包括用于构建功能良好的网站的Grid和用户界面组件 。

但是，框架旨在满足尽可能多的Web场景。 因此，它们包括您可能也不会在网站中使用的预定义CSS负载 。

并非每种样式都对每种用途都有用，但是将它们全部围绕起来会不必要地增加样式表的大小，最终影响网站的加载性能。 在本文中，我们将向您展示如何从样式表中卸载那些不必要的样式 。

入门

为了实现这个想法，我们需要使用Grunt CLI 。 因此，请确保已将其安装在计算机中。 您可以参考前两篇文章以了解更多信息：

• 如何在jQuery中删除不必要的模块
• 解决终端中的Grunt“找不到命令”错误

我假设您已经准备好一个项目目录，其中包含HTML和CSS。

从下面的屏幕快照中可以看到，我有两个名为build的文件夹-这用于在开发阶段保存样式表。 和CSS-这将是样式表最终输出的目标文件夹。