Vite / scripts for running sass

Hi, after watching one of Kevin vid
https://www.youtube.com/watch?v=o4cECvhrBo8
I've decided I'll try approach to turn off all extensions and run npm to
- autorefresh html
- compile sass

I've never used

npm

npm

before but managed to write this:

{
"name": "name",
"version": "1.0.0",
"description": "",
"main": "index.js",
"author": "",
"scripts": {
"watch:sass": "sass --watch --update --style=expanded --no-source-map sass:css",
"watch": "npm-run-all --parallel watch:*",
"serve": "browser-sync start --server --watch --files \"*/**\"",
"start": "npm-run-all --parallel watch serve"
},
"devDependencies": {
"browser-sync": "^2.29.3",
"npm-run-all": "^4.1.5",
"sass": "^1.64.2"
  }
}

{
"name": "name",
"version": "1.0.0",
"description": "",
"main": "index.js",
"author": "",
"scripts": {
"watch:sass": "sass --watch --update --style=expanded --no-source-map sass:css",
"watch": "npm-run-all --parallel watch:*",
"serve": "browser-sync start --server --watch --files \"*/**\"",
"start": "npm-run-all --parallel watch serve"
},
"devDependencies": {
"browser-sync": "^2.29.3",
"npm-run-all": "^4.1.5",
"sass": "^1.64.2"
  }
}

worked perfectly fine but then I realized that mabe try vite to do the same and learn even more (f.e. how to deploy site).
My site for training this:
GH: https://github.com/solracss/vitedeploy
Live: https://solracss.github.io/vitedeploy/

Could you please tell me if I did it correct?
The site is running but maybe there are some fields to improve?

ps: in

package.json

package.json

i added script

"start"

"start"

to comile scss for me to be able to watch css when doing projects.

YouTubeKevin Powell

Stop using an extension to compile Sass

I'm working on a Sass course! - https://beyondcss.dev/?utm_campaign=OlderYouTubeVideos&utm_source=YouTube

Links

Stephanie's npm script: https://thinkdobecreate.com/articles/minimum-static-site-sass-setup/

NodeJS: https://nodejs.org

The working Live Sass Compiler extension: https://marketplace.visualstudio.com/items?itemName=glenn2...

GitHub

GitHub - solracss/vitedeploy

Contribute to solracss/vitedeploy development by creating an account on GitHub.

Vite / scripts for running sass

npm

npm

before but managed to write this:

{
"name": "name",
"version": "1.0.0",
"description": "",
"main": "index.js",
"author": "",
"scripts": {
"watch:sass": "sass --watch --update --style=expanded --no-source-map sass:css",
"watch": "npm-run-all --parallel watch:*",
"serve": "browser-sync start --server --watch --files \"*/**\"",
"start": "npm-run-all --parallel watch serve"
},
"devDependencies": {
"browser-sync": "^2.29.3",
"npm-run-all": "^4.1.5",
"sass": "^1.64.2"
  }
}

{
"name": "name",
"version": "1.0.0",
"description": "",
"main": "index.js",
"author": "",
"scripts": {
"watch:sass": "sass --watch --update --style=expanded --no-source-map sass:css",
"watch": "npm-run-all --parallel watch:*",
"serve": "browser-sync start --server --watch --files \"*/**\"",
"start": "npm-run-all --parallel watch serve"
},
"devDependencies": {
"browser-sync": "^2.29.3",
"npm-run-all": "^4.1.5",
"sass": "^1.64.2"
  }
}