Resolve sass files from node_modules | Astro Lounge | Page 1

mighty berry Feb 15, 2023, 1:23 PM

#

Hello, I've installed "@picocss/pico" as a node dependency and now I want to import some file like:

@import "@picocss/scss/variables"

How can I tell Astro that @picocss actually means node_modules/@picocss?

mighty berry Feb 15, 2023, 1:44 PM

#

Using @import "/node_modules/@picocss/pico/scss/variables" does seem to work.
But I would assume I can somehow make that mapping.

glad mortar Feb 15, 2023, 3:35 PM

#

You can define path aliases in your tsconfig.json:

https://www.typescriptlang.org/tsconfig#paths

TSConfig Reference - Docs on every TSConfig option

From allowJs to useDefineForClassFields the TSConfig reference includes information about all of the active compiler flags setting up a TypeScript project.

mighty berry Feb 15, 2023, 4:38 PM

#

I'm importing my sass style sheet inside an actual sass file, so I assumed that would only work when you do an import in js?

#Resolve sass files from node_modules