PurgeCSS

WordPress

PurgeCSS を WordPress と一緒に使いたい場合は、PurgeCSS によって削除されないように、WordPress によって生成されたクラスをセーフリストにする必要があります。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$/,
  ]
}