Chore: Watch and build SCSS during development

lmc-eu · Feb 3, 2022 · 340fd91 · 340fd91
1 parent 5c69666
commit 340fd91
Show file tree

Hide file tree

Showing 2 changed files with 432 additions and 9 deletions.
diff --git a/package.json b/package.json
@@ -39,6 +39,7 @@
     "css:prefix": "postcss --config postcss.config.js --replace \"dist/*.css\" \"!dist/*.min.css\"",
     "css:minify": "cleancss --format breaksWith=lf --source-map-inline-sources --batch --batch-suffix \".min\" \"dist/*.css\" \"!dist/*.min.css\"",
     "css:lint": "stylelint --config .stylelintrc \"src/**/*.scss\" \"examples/assets/*.css\" --cache --cache-location .cache/.stylelintcache",
+    "css:watch": "nodemon --watch src/scss/ --ext scss --exec \"yarn css\"",
     "prejs": "yarn js:lint",
     "js": "npm-run-all --serial js:compile js:compile:types",
     "js:lint": "eslint ./",
@@ -52,7 +53,8 @@
     "build:clean": "rm -rf dist && mkdir -p dist/scss",
     "build:copy": "cp package.json README.md src/LmcCookieConsentManager.scss dist/ && cp -r src/scss/* dist/scss/",
     "build": "npm-run-all --serial js css",
-    "start": "ts-node scripts/serve.ts",
+    "serve": "ts-node scripts/serve.ts",
+    "start": "npm-run-all --parallel serve css:watch",
     "format": "yarn format:check",
     "format:check": "prettier --check 'src/**/*.{js,jsx,ts,tsx,scss}' 'scripts/*'",
     "format:fix": "prettier --write 'src/**/*.{js,jsx,ts,tsx,scss}' 'scripts/*'",
@@ -99,6 +101,7 @@
     "eslint-plugin-prettier": "4.0.0",
     "husky": "7.0.4",
     "jest": "27.4.7",
+    "nodemon": "2.0.15",
     "npm-run-all": "4.1.5",
     "postcss": "8.4.5",
     "postcss-cli": "9.1.0",