vue.js - 如何为第 3 部分 CSS 启用 PurgeCSS

Question

我在我的 SSR Nuxt 项目中使用@mdi/font 。

如何从@mdi/font为 CSS 启用 purgeCSS ？

nuxt.config.js

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

资产/scss/app.scss

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

我尝试像下面这样进行配置，但它只是删除了所有 css（来自purgecss.com的示例）

nuxt.config.js

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'
    ]
}