我已经用Vue CLI 4创建了一个正在运行的Vue应用程序，并在本教程的帮助下安装了Tailwind CSS。由于我想将自定义组件放入单个文件并在SCSS中编写它们，因此我的tailwind配置文件如下所示

// tailwind.scss
@tailwind base;
@tailwind components;
@import '@/assets/scss/components/button.scss';
@tailwind utilities;

字符串
虽然使用vue-cli-service serve服务应用程序或使用vue-cli-service build构建应用程序的效果很好，但我缺少IntelliJ IDEA的自动完成功能，用于所有顺风类，以便我不必使用（即使坚韧棒的）像this这样的备忘单。
我的想法是引入一个npm脚本来构建完整的tailwind.css，以便IDE在自动完成css类时可以使用它。我知道我可以用npx tailwindcss build tailwind.scss -o tailwind.css手动构建这样的文件。
然而，尽管这为内置的tailwind类提供了自动完成功能，但它当然既不编译自定义组件中的SCSS，也根本不解析@import。解决方案可能是1）解析@import，2）将SCSS编译为CSS，3）使用前面提到的tailwindcss build最终构建完整的tailwind.css。
由于我对Webpack非常缺乏经验，我想知道您是否可以给予我一些如何实现这一点的提示。你会使用Webpack来完成这项任务吗？