PurgeCSS

WordPress

如果您想將 PurgeCSS 與 WordPress 搭配使用，您可能需要將 WordPress 生成的類別加入安全名單，以避免它們被 PurgeCSS 移除。purgecss-with-wordpress 包含需要加入安全名單的類別。

安裝

您需要先安裝 purgecss在新視窗中開啟。

安裝 purgecss-with-wordpress

npm i --save-dev purgecss-with-wordpress

使用

import Purgecss from 'purgecss'
import purgecssWordpress from 'purgecss-with-wordpress'

const purgeCss = new Purgecss({
  content: ['**/*.html'],
  css: ['**/*.css'],
  safelist: purgecssWordpress.safelist
})
const result = purgecss.purge()

 




 
 

如果您有其他想要包含的類別，您可以使用展開運算子來包含它們

{
  safelist: [
    ...purgecssWordpress.safelist,
    'red',
    'blue',
    /^red/,
    /blue$/,
  ]
}