Javascript Nuxt中的顺风邮政编码配置

错误消息

“请在nuxt.config.js中使用build.postsss，而不是外部配置文件。nuxt 3将删除对此类文件的支持，因为它们将删除nuxt设置的所有默认值，并可能导致CSS中的别名解析等功能出现严重问题。”

问题

如何将postss.config.js文件更改为nuxt.config.js文件

postss.config.js

const purgecss=require（“@fullhuman/postcss purgecss”）({
//指定项目中所有模板文件的路径
内容：['./src/***.html'，'./src/***.vue']，
//此函数用于从模板中提取类名
defaultExtractor:（内容）=>{
//尽可能自由地捕捉，包括像'h-（屏幕-1.5）这样的内容`
const broadMatches=content.match（/[^”`\s]*[^”`\s://g）| |[]；
//捕获其他分隔符内的类，如Pug中的.block（class=“w-1/2”）
const innerMatches=content.match（/[^“'`\s.（）]*[^”`\s.（）：]/g）| |[]；
返回broadMatches.concat（innerMatches）；
},
});
module.exports={
插件：[
require（'tailwindcss'），
需要（'autoprefixer'），
…（process.env.NODE_env==='production'？[purgecss]：[]），
],
};

如错误所述，请使用build.postss进行配置。这意味着您应该将插件放在

numxt.config.js

build

postss

中。对于您的情况，这将类似于：

export default {
    // other config here like head & target
    build: {
        // other build config like babel
        postcss: {
            plugins: {
                require('tailwindcss'),
                require('autoprefixer'),

                ...(process.env.NODE_ENV === 'production' ? 
                    [require('@fullhuman/postcss-purgecss')
                        ({
                            content: ...,
                            defaultExtractor: ...,
                        })
                    ] : []
                ),
            }
        }
    }
}

---

您需要的大多数信息都记录在

上，正如错误所述，请使用build.postsss进行配置。这意味着您应该将插件放在

numxt.config.js

build

postss

中。对于您的情况，这将类似于：

export default {
    // other config here like head & target
    build: {
        // other build config like babel
        postcss: {
            plugins: {
                require('tailwindcss'),
                require('autoprefixer'),

                ...(process.env.NODE_ENV === 'production' ? 
                    [require('@fullhuman/postcss-purgecss')
                        ({
                            content: ...,
                            defaultExtractor: ...,
                        })
                    ] : []
                ),
            }
        }
    }
}

您需要的大多数信息都记录在Nuxt.js文档的

中。