国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

社區(qū)

學(xué)習(xí)

工具庫(kù)

AI工具

休閑

簡(jiǎn)體中文

為什么我無(wú)法通過(guò) purgecss 更新我的 css 文件？

P粉466643318 2023-09-14 19:27:35

768

我正在使用 SASS 實(shí)現(xiàn)一個(gè)迷你 CSS 庫(kù)，我想清除它，目前我正在使用 purgecss，我對(duì)此沒(méi)有任何問(wèn)題，但一個(gè)問(wèn)題是當(dāng)我從 CSS 庫(kù)向我的 html 添加一個(gè)類(lèi)時(shí)，該特定類(lèi)不會(huì)包含在我的清除文件中，我需要重新清除我的 CSS 庫(kù) CSS 文件以包含該特定類(lèi)，但我需要 purgecss 監(jiān)視我的 CSS 文件并在將其添加到我的項(xiàng)目時(shí)添加類(lèi)，并且我不需要重新清除 CSS 文件，有什么想法嗎？

P粉466643318

全部回復(fù)(1)

P粉8141609882023-09-15 00:40:21 1 樓

要?jiǎng)討B(tài)包含 CSS 庫(kù)中的類(lèi)，而無(wú)需手動(dòng)重新清除 CSS 文件，您可以結(jié)合使用 PurgeCSS 和 PurgeCSS 的附加配置文件來(lái)監(jiān)視 CSS 文件并包含特定的類(lèi)。

設(shè)置方法如下：

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

// 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
};

配置構(gòu)建過(guò)程：您需要配置構(gòu)建過(guò)程以監(jiān)視 CSS 文件并在發(fā)生更改時(shí)觸發(fā) PurgeCSS。您可以使用 Webpack、Gulp 或 Grunt 等工具來(lái)完成此任務(wù)。這是使用 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
    }),
  ],
};