Kevin Powell - Community•2y ago

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

{
"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.

Kevin Powell

YouTube

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...

Gaming

Programming

Vite / scripts for running sass