亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

要動態(tài)包含 CSS 庫中的類，而無需手動重新清除 CSS 文件，您可以結合使用 PurgeCSS 和 PurgeCSS 的附加配置文件來監(jiān)視 CSS 文件并包含特定的類。

設置方法如下：

1. 創(chuàng)建 PurgeCSS 配置文件：首先為 PurgeCSS 創(chuàng)建一個單獨的配置文件，我們將其命名為 purgecss.config.js。該文件將指定要清除的文件以及任何其他配置選項。

// purgecss.config.js

module.exports = {
  content: ['index.html'], // Specify your HTML files here
  css: ['path/to/your/css/library.css'], // Path to your CSS library file
  defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || [], // Default extractor, modify if needed
  safelist: ['class-to-include'], // Add classes that should always be included here
};

2. 配置構建過程：您需要配置構建過程以監(jiān)視 CSS 文件并在發(fā)生更改時觸發(fā) PurgeCSS。您可以使用 Webpack、Gulp 或 Grunt 等工具來完成此任務。這是使用 Webpack 的示例：

// webpack.config.js

const PurgecssPlugin = require('purgecss-webpack-plugin');
const glob = require('glob');
const path = require('path');

module.exports = {
  // ... other webpack configuration options

  plugins: [
    new PurgecssPlugin({
      paths: () => glob.sync(path.resolve(__dirname, 'index.html')), // Specify your HTML files here
      safelist: { deep: [/^class-to-include$/] }, // Add classes that should always be included here
    }),
  ],
};

3. 開始構建過程：現(xiàn)在，每當您將 CSS 庫中的類添加到 HTML 文件時，構建過程都會自動監(jiān)視更改并觸發(fā) PurgeCSS 以包含您添加的特定類。

確保調整上面代碼片段中的路徑和文件名以匹配您的項目結構。此外，如果您使用不同的構建系統(tǒng)或工具，則可能需要相應地調整配置。

通過此設置，每次將 CSS 庫中的類添加到項目時，您無需手動重新清除 CSS 文件。相反，PurgeCSS 將監(jiān)視更改并在構建過程中動態(tài)包含這些類。