I am adding some extra CSS files into my vendor folder:

vendor/my_theme/css/app.css
vendor/my_theme/css/bundle.css
vendor/my_theme/js/app.js

They belong to an external theme I am integrating. I want to keep these assets separate from the assets of my app.

To import them in my template.html.erb, I have to add them in the manifest.js:

// app/assets/config/manifest.js
// Template
//= link_tree ../../../vendor/my_theme

And now I con import them:

<!-- template.html.erb -->
<%= stylesheet_link_tag "bundle.css" %>
<%= stylesheet_link_tag "app.css" %>
<%= javascript_include_tag("app.js") %>

But it looks very fragile for me. There are chances, in the future, I’ll create an app.css or an app.js, and then there will be a name conflict.

I am looking for how I can use a more extended path for the import helper tags. Like in here:

<%= stylesheet_link_tag "vendor/my_theme/css/app.css" %>
<%= stylesheet_link_tag "my_theme/css/app.css" %>

Nothing works

I have tried to change manifest.js:

//= link_tree ../../../vendor/my_theme .css .js // => error
//= link_directory ../../../vendor/my_theme/css .css
//= link_directory ../../../vendor/my_theme/js .js

Nothing work