import HASH slash styles

import '#/styles/globals.css';

import '#/styles/globals.css';

Reading the code in https://github.com/vercel/app-playground and they're using a convention

import '#/styles/globals.css';

import '#/styles/globals.css';

to import from i guess the

<root>/styles/globals.css

<root>/styles/globals.css

In the ct3a i noticed in

src/pages/index.tsx

src/pages/index.tsx

the styles arent even imported...

So i guess three questions

Where do they get imported in ct3a?
How do you import with a hashtag like that?
and
With tailwind does the whole css file get included in the build? or is there a way to configure SWC to only include the classes that are getting used?

GitHub

GitHub - vercel/app-playground: https://app-dir.vercel.app/

https://app-dir.vercel.app/. Contribute to vercel/app-playground development by creating an account on GitHub.

fotofloOP•12/13/22, 11:22 AM

thanks @fredkisss (avec 3 ´S´) !

fotofloOP•12/13/22, 11:22 AM

any ideas on question number 2?

fotofloOP•12/13/22, 12:50 PM

Really nice to have that, thanks @fredkisss (avec 3 ´S´)

andersgee•12/13/22, 2:44 PM

These alias paths are set with "baseUrl" and "paths" in tsconfig

You can choose whatever you like, but "#" is kind of standard,. I believe because in vanilla node (defining it in package.json with "imports" instead of tsconfig.json with "paths") its the only allowed choice

fotofloOP•12/14/22, 2:45 AM

I used src because i felt that was completely self explanitory

fotofloOP•12/14/22, 2:45 AM

thank you @andersgee