使用PurgeCSS打包删除WordPress主题中未使用的CSS class

要打包删除WordPress主题中未使用的CSS class,可以使用工具如PurgeCSS等。以下是一些基本步骤:

  1. 安装PurgeCSS:使用npm或yarn等包管理器安装PurgeCSS。例如,在命令行中运行以下命令:
    npm install -g purgecss
  2. 创建配置文件:在WordPress主题的根目录中创建一个purgecss.config.js文件,并添加以下代码:
    module.exports = {
      content: ['**/*.php', '**/*.js'], // 要扫描的文件
      css: ['style.css'], // 要优化的CSS文件
      safelist: [], // 保留的CSS class
    };

    该配置文件将会扫描所有的.php和.js文件,并优化style.css文件中未使用的CSS class。可以根据需要修改要扫描的文件和要优化的CSS文件。

  3. 运行PurgeCSS:在命令行中运行以下命令,以运行PurgeCSS并优化CSS文件:
    purgecss --config purgecss.config.js --out style.min.css

    该命令会将优化后的CSS文件输出到style.min.css中。可以将style.min.css文件用于WordPress主题中,以减少CSS文件的体积。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注