Using Vite with SCSS
So i was advised to try scss with vite instead of just using node as i was getting errors.
What i did was:
-create new folder on desktop and open it in vs code
- use the cmd
-Selected Vanilla JS framework
-Selected Vanilla JS variant
-used the cmds as instructed
-then the cmd
where do i go next? this is where i got stuck with node when i would:
-create src/scss/main.scss in the root
- added some basic styles to the main.scss file
-in the terminal, typed
everytime i would get the error
but i digress. what are the next steps to try for this vite/sass file ? do i do the same thing e.g create src/scss/main.scss and use the --watch cmd?
What i did was:
-create new folder on desktop and open it in vs code
- use the cmd
npm create vite@latest-Selected Vanilla JS framework
-Selected Vanilla JS variant
-used the cmds as instructed
cd vite-project-2, npm install, npm run dev-then the cmd
npm i -D sass which is now showing in my devDependancies where do i go next? this is where i got stuck with node when i would:
-create src/scss/main.scss in the root
- added some basic styles to the main.scss file
-in the terminal, typed
sass --watch src/scss:dist/csseverytime i would get the error
The term 'sass' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again even though sass (and the compatible version) was shown as a devDependancy. I thought maybe it had something to do with chocolately, perhaps needing to install with choco on this machine as when i first installed node, the version was def installed as verified with the command prompt but anytime i went into vs code , it said it wasnt. i had to install Chocolatey to get Node and NPM to work. but i digress. what are the next steps to try for this vite/sass file ? do i do the same thing e.g create src/scss/main.scss and use the --watch cmd?
