使用 `tailwind.config.js` 中的 Tailwind CSS 指定 Gem 中视图组件的路径

Question

我正在开发一个 gem，它充当与 Tailwind CSS 集成的视图组件库。在这个项目中，有一个至关重要的

tailwind.config.js

文件，我在其中指定了构建组件中使用的标签的路径。这是一个示例配置：

module.exports = {
  content: [
    './app/views/**/*.html.erb',
    './app/helpers/**/*.rb',
    './app/assets/stylesheets/**/*.css',
    './app/javascript/**/*.js',
    './app/components/**/*.rb'
  ]
}

我的问题围绕着确定 gem 视图组件包含的正确路径。会是类似

my_gem/app/components/**/*.rb

吗？

另外，我很好奇是否有一种方法可以在安装gem时自动添加此路径信息？

Answer 1

Gem.loaded_specs['your_gem_name'].full_gem_path

听起来是一个很好的调查起点

这个想法是能够在 tailwind.config.js 中读取

process.env.YOUR_GEM_COMPONENTS_PATH

，因此可能需要对其进行一些调整。

ENV['YOUR_GEM_COMPONENTS_PATH'] = Rails.root.join(
  Gem.loaded_specs['your_gem_name'].full_gem_path,
  "app", "components"
)

vite_rails 提供了类似的用例（引擎链接），这是它在父应用程序中的定义方式，以及它是如何在 vite 配置中使用