Configure the import resolution

[oscarotero]

I'm looking for a way to configure an alias or a default folder to import files in v4
I know @source but, afaik it seems to work only with node_modules dependencies?

What I need is a way to import css files from a specific folder. For example, let's say I have the _includes/styles folder in the root of my project:

/* resolve to _includes/styles/my-styles.css */
@import "my-styles.css";

/* Or using a prefix */
@import "includes:my-styles.css";

Is there any way to do this in the standalone CLI version? (I'm not using node).

Maybe a CLI argument: ./tailwind --imports=_includes/styles.

Or a CSS config like:

@aliases {
  includes: "./_includes/styles";
  other: "./my-company/ui";
}

@import "includes:file1.css";
@import "other:file2.css";

[wongjn]

I know @source but, afaik it seems to work only with node_modules dependencies?

This is incorrect. @source is the equivalent for v3's content configuration but regardless, this won't help you here.

---

You should be able to @import the CSS file by writing out the path name fully:

@import "./_includes/styles/my-styles.css";

[oscarotero]

You should be able to @import the CSS file by writing out the path name fully:

Yes, I know. But this is very inconvenient to import files from different directories. All bundlers like vite, webpack, etc allow to configure aliases to avoid complex ../../../foo.css imports. I'd like to suggest a similar feature for tailwind