IntelliJ IDEA 中 tailwindcss 的代码完成有问题

Question

我想在我的前端项目中nuxtjs一起使用。tailwindcss我已经tailwindcss通过这样的模块集成：

  buildModules: [
    // Doc: https://github.com/nuxt-community/nuxt-tailwindcss
    '@nuxtjs/tailwindcss'
  ],

现在可以tailwindcss工作了，但是代码完成却不起作用。有两个 Intellij IDEA 插件确实为 tailwind 添加了代码完成 - 但是当我开始自定义文件时，tailwind.config.js它们失败了，因为它们只建议基于默认 tailwind 配置的类（它们无法识别我自己的类，并且它们建议不再可用的类，因为我已通过配置文件删除了它们）。

我可以使用 React 进行非常类似的设置nextjs- 因为这个框架在文件夹中创建了一个输出 css 文件.next，并且 IDEA 可以接收该文件。这启发了我，所以我尝试删除该模块@nuxtjs/tailwindcss，并tailwindcss通过. 即使我在该文件夹中添加了该选项，也没有在该文件夹中创建文件。postcssnuxt.nuxtextractCSS: true

我也想达到nextjs这样的结果nuxtjs。有人有一个优雅的解决方案吗？

PS：我想继续使用 IDEA，并且我想避免每次我的 tailwind 配置更改时通过项目中的控制台手动创建 tailwind 输出。

Answer 1

直到今天我还没有找到完美的答案。我使用的解决方案是在隐藏（git 忽略）文件夹内生成顺风样式的解决方案。这使得 IDEA 能够正确识别样式。唯一的缺点是，如果更改配置，则必须重新构建样式（除了项目一开始，这种情况几乎不会发生）。

因此，在里面设置顺风assets/css/tailwind.css，我将有一个像这样的脚本：

"scripts": {
  "tailwind": "npx tailwindcss build assets/css/tailwind.css -o .tailwind/tailwind.css"
},

然后 IDEA 将能够从.tailwind/tailwind.css目录中获取类。