+
95
-

如何删除html中没有用到的css代码?

请问有什么办法删除html中没有用到的css代码?

网友回复

+
15
-

很多种方式

一、在线工具

https://uncss-online.com/

二、命令行中

npm install -g uncss

然后在命令行中直接通过url来生成去掉没用的css文件

Usage: uncss [options] <file or URL, ...>
    e.g. uncss https://getbootstrap.com/docs/3.3/examples/jumbotron/ > stylesheet.css

Options:

  -h, --help                            output usage information
  -V, --version                         output the version number
  -i, --ignore <selector, ...>          Do not remove given selectors
  -m, --media <media_query, ....

点击查看剩余70%

+
15
-

还可以使用 PurgeCSS

PurgeCSS 是一个用来删除未使用的 CSS 代码的工具。可以将它作为你的开发流程中的一个环节。 当你构建一个网站时,你可能会决定使用一个 CSS 框架,例如 TailwindCSS、Bootstrap、MaterializeCSS、Foundation 等,但是,你所用到的也只是框架的一小部分而已,大量 CSS 样式并未被使用。 接下来就该 PurgeCSS 上场了。PurgeCSS 通过分析你的内容和 CSS 文件,首先它将 CSS 文件中使用的选择器与内容文件中的选择器进行匹配,然后它会从 CSS 中删除未使用的选择器,从而生成更小的 CSS 文件。

安装

npm i -g purgecss

命令行使用

Usage: purgecss --css <cs...

点击查看剩余70%

我知道答案,我要回答