Example of CSS Framework Import

[jpriollaud]

Does anyone have a really simple example of a CSS npm framework config and import?

package.json

"materialize-css": "^1.0.0-rc.2"

With @use, it does not find the .scss file in node_modules

@use 'materialize-css/sass/materialize.scss'

[plugin:vite:css] [sass] Can't find stylesheet to import.

My scss imports work fine for my own custom styles, but not for imported style modules.

[jpriollaud]

Solution:
import 'materialize-css/sass/materialize.scss'.

[jpriollaud]

for folks migrating to newer frameworks, this statement from the guide is true "_Vite provides great support for CSS, supporting PostCSS out of the box..." but if you try to setup Tailwind beware of legacy configurations in your project that will trip vite:

.postcssrc.yml

[jpriollaud]

@ElMassimo a mention of this in the Migration guide would help quite a few.

[ElMassimo]

Hi there!

Different users will run into different problems when migrating.

Trying to add every possible scenario will increase the length of the docs, making it less likely that people will read the entire thing.

That's the reason I encourage people to share their experience using these Discussions 😃

Your post is indexed in search engines, and will already help users that are googling for this particular problem.