如何为第三部分CSS启用PurgeCSS？

Question

我使用的是 @mdifont 在我的SSR Nuxt项目中。

我如何才能从 @mdifont?

nuxt.config.js

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

资产sscssapp.scss

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

我试着像下面这样配置，但它只是删除了所有的css(例子来自于 purgecss.com)

nuxt.config.js，我在我的SSR Nuxt项目中使用了@mdifont。

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

Answer 1

我通过使用 nuxt-purgecss

nuxt.config.js

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