编程技术

Document

使用PurgeCSS移除项目中未使用的css或js代码

1.安装node.js
2.安装PurgeCSS,终端执行:

npm install -g purgecss

3.在项目根目录下执行语句：

purgecss --css [css文件的绝对路径] --content ./**/*.html ./**/*.js ./**/*.php --output [css文件的绝对路径]

语句解释：

css文件的绝对路径：要清除未使用的css的文件的绝对路径。

  • './**/*.html' 表示扫描项目中所有的 HTML 文件。** 是一个通配符，表示匹配当前目录及其所有子目录中的任意文件。
  • './**/*.js' 表示扫描项目中所有的 JavaScript 文件。
  • './**/*.php' 表示扫描项目中所有的 php文件。

语句功能：匹配在项目中所有html,js和php文件中未使用的css, 然后在目标css文件中将那些未使用的css代码清除，最后替换原文件。

示例：

purgecss --css E:/test.css --content ./**/*.html ./**/*.js ./**/*.php --output E:/test.css

示例语句解释：匹配项目中所有的html,js和php文件，然后移除E:/test.css文件中未使用的css代码，最后替换原文件。

补充：

PurgeCSS:PurgeCSS - Remove unused CSS | PurgeCSS (本例使用)

uncss:GitHub - uncss/uncss: Remove unused styles from CSS (另外一种)