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 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"
  }
}

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
i added script "start" to comile scss for me to be able to watch css when doing projects.
GitHub
Contribute to solracss/vitedeploy development by creating an account on GitHub.
GitHub - solracss/vitedeploy
Was this page helpful?