CODEWITHSUNDEEP
vue.jsnuxt.jsserver-side-renderingcss-purge
DengSihan
DengSihan

Reputation: 3007

How to enable PurgeCSS for 3rd-part CSS

I am using @mdi/font in my SSR Nuxt project.

How can I enable purgeCSS for CSS from @mdi/font?

nuxt.config.js

module.exports = {
    css: [
        '@/assets/scss/app.scss'
    ],
    ...
}

assets/scss/app.scss

@import '~@mdi/font/css/materialdesignicons';

I try to config like below, but it just remove all the css (example from purgecss.com)

nuxt.config.js

module.exports = {
    ...
    build: {
        postcss: {
            plugins: {
                '@fullhuman/postcss-purgecss': {
                    content: ['./pages/**/*.vue', './layouts/**/*.vue', './components/**/*.vue'],
                    whitelist: ['html', 'body']
                }
            }
        }
    }
}

Upvotes: 0

Views: 1278

Answers (1)

DengSihan
DengSihan

Reputation: 3007

I fixed it by using nuxt-purgecss

nuxt.config.js

module.exports = {
    buildModules: [
        'nuxt-purgecss'
    ]
}

Upvotes: 1

Related Questions