Fix css styles not updating in react-workshop (#2186)

Co-authored-by: Rohan <[email protected]>
iTwin · Aug 7, 2024 · 3c376d5 · 3c376d5
1 parent 2e5fc69
commit 3c376d5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/packages/itwinui-react/package.json b/packages/itwinui-react/package.json
@@ -94,7 +94,7 @@
     "format": "prettier --config .prettierrc **/*.{tsx,ts,js} --ignore-path .gitignore --write",
     "lint": "eslint \"**/*.{js,ts,tsx}\" --max-warnings=0",
     "lint:fix": "pnpm lint --fix && node ../../scripts/copyrightLinter.js --fix \"*/**/*.{js,ts,tsx}\"",
-    "dev": "pnpm clean:build && concurrently \"pnpm dev:esm\" \"pnpm dev:cjs\" \"pnpm build:styles --watch\" \"pnpm dev:types\"",
+    "dev": "pnpm clean:build && concurrently \"pnpm dev:esm\" \"pnpm dev:cjs\" \"pnpm dev:styles\" \"pnpm dev:types\"",
     "dev:esm": "swc src -d esm --watch --strip-leading-paths",
     "dev:cjs": "swc src -d cjs --watch --strip-leading-paths -C module.type=commonjs",
     "dev:types": "concurrently \"tsc -p tsconfig.build.json --outDir esm --watch --preserveWatchOutput\" \"tsc -p tsconfig.build.json --outDir cjs --watch --preserveWatchOutput\"",

diff --git a/packages/itwinui-react/src/styles.js/vite.config.mjs b/packages/itwinui-react/src/styles.js/vite.config.mjs
@@ -99,12 +99,18 @@ const outEsmDevDir = path.join(root, 'DEV-esm');
 const outCjsDevDir = path.join(root, 'DEV-cjs');
 
 const copyBuildOutput = async () => {
-  // create cjs/ and esm/ directories if they don't exist
+  // create cjs/, esm/, DEV-cjs/, and DEV-esm/ directories if they don't exist
+  if (!fs.existsSync(outEsmDir)) {
+    await fs.promises.mkdir(outEsmDir);
+  }
   if (!fs.existsSync(outCjsDir)) {
     await fs.promises.mkdir(outCjsDir);
   }
-  if (!fs.existsSync(outEsmDir)) {
-    await fs.promises.mkdir(outEsmDir);
+  if (!fs.existsSync(outEsmDevDir)) {
+    await fs.promises.mkdir(outEsmDevDir);
+  }
+  if (!fs.existsSync(outCjsDevDir)) {
+    await fs.promises.mkdir(outCjsDevDir);
   }
 
   // copy styles.js from src/styles.js/dist/ into cjs/, esm/, DEV-cjs/, and DEV-esm/