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 (另外一种)