How to use purgecss-webpack-plugin - 3 common examples
To help you get started, we’ve selected a few purgecss-webpack-plugin examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
nuxt / nuxt.js / examples / with-purgecss / nuxt.config.js View on Github 
extend(config, { isDev }) {
if (!isDev) {
config.plugins.push(
new PurgecssPlugin({
// purgecss configuration
// https://github.com/FullHuman/purgecss
paths: glob.sync([
path.join(__dirname, './pages/**/*.vue'),
path.join(__dirname, './layouts/**/*.vue'),
path.join(__dirname, './components/**/*.vue')
]),
extractors: [
{
extractor: TailwindExtractor,
extensions: ['vue']
}
],
whitelist: ['html', 'body', 'nuxt-progress']
})
)extend(config, { isDev, isClient }) {
if (!isDev && isClient) {
// Remove unused CSS using purgecss. See https://github.com/FullHuman/purgecss
// for more information about purgecss.
config.plugins.push(
new PurgecssPlugin({
paths: glob.sync([
path.join(__dirname, './pages/**/*.vue'),
path.join(__dirname, './layouts/**/*.vue'),
path.join(__dirname, './components/**/*.vue')
]),
whitelist: ['html', 'body']
})
)
}
}
}purgecss-webpack-plugin
PurgeCSS plugin for webpack - Remove unused css
