webpack - 用于 Tailwind 的 PurgeCSS，Laravel 中的 Vuetify

Question

我有一个项目设置，其中网站页面由

• Tailwind CSS 并webpack.mix.js使用 purgeCSS 删除未使用的css.

现在，我必须使用vue和在同一网站中构建该部分vuetify。当我开发我在本地开发的模块和命令之一时，一切正常

npm run watch(mix watch -- --watch-options-poll=1000)

webpack.mix.js文件如下所示：

mix.js("resources/js/app.js", "public/js")
    .vue()
    .sass("resources/sass/app.scss", "public/css")
    .options({
        postCss: [tailwindcss("./tailwind.config.js")],
    })
    .version();
if (mix.inProduction()) {
    mix.version().purgeCss("/[w-/.:]+(?<!:)/g");
}

当我为网站提供服务时，npm run prod(mix --production)我使用的所有样式vuetify都被破坏了。我相信这是因为在 中mix production，我们正在使用purgeCSS并且purgeCSS无法确定vuetify类，因此将它们删除。

有人遇到过这种情况吗？

npm run prod结果如下所示：

如下npm run watch所示：

PS：我尝试了各种方法，也尝试了配置vue.config.js，但没有任何效果，我需要清除 CSSvuetify和tailwind