diff --git a/packages/angular/package.json b/packages/angular/package.json
index e59b638410..8ae28efea2 100644
--- a/packages/angular/package.json
+++ b/packages/angular/package.json
@@ -27,7 +27,7 @@
     "build": "pnpm run clean && pnpm run build.ng && pnpm run build.core && pnpm run clean-generated",
     "build.core": "node scripts/build-core.js",
     "build.ng": "ng-packagr -p ng-package.json -c tsconfig.json",
-    "build.watch": "pnpm run build.ng --watch",
+    "build.watch": "pnpm build.core && pnpm build.ng --watch",
     "clean": "node scripts/clean.js",
     "clean-generated": "node ./scripts/clean-generated.js",
     "lint": "pnpm run eslint && pnpm run prettier --write --cache",
diff --git a/packages/angular/scripts/build-core.js b/packages/angular/scripts/build-core.js
index c8df07ee19..7c4663cb70 100644
--- a/packages/angular/scripts/build-core.js
+++ b/packages/angular/scripts/build-core.js
@@ -4,6 +4,12 @@ const spawn = require('child_process').spawn;
 
 const typescriptPath = path.join(__dirname, '..', 'node_modules', '.bin');
 
+/**
+ * Copy the CSS from the core package to the angular package.
+ * 
+ * This allows developers to import the global stylesheets
+ * from the @ionic/angular package instead of @ionic/core. 
+ */
 function copyCSS() {
   const src = path.join(__dirname, '..', '..', '..', 'core', 'css');
   const dst = path.join(__dirname, '..','dist', 'css');
diff --git a/packages/react/package.json b/packages/react/package.json
index 04e3695317..33eb58e03a 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -21,7 +21,7 @@
   },
   "scripts": {
     "build": "pnpm run clean && pnpm run copy && pnpm run compile",
-    "build.watch": "pnpm run compile --watch",
+    "build.watch": "pnpm copy && pnpm compile --watch",
     "clean": "rimraf dist && rimraf routing",
     "compile": "rollup -c",
     "eslint": "eslint src",
diff --git a/packages/react/scripts/copy.js b/packages/react/scripts/copy.js
index ee49a259c3..da56f010f2 100644
--- a/packages/react/scripts/copy.js
+++ b/packages/react/scripts/copy.js
@@ -1,6 +1,11 @@
 const fs = require('fs-extra');
 const path = require('path');
-
+/**
+ * Copy the CSS from the core package to the react package.
+ * 
+ * This allows developers to import the global stylesheets
+ * from the @ionic/react package instead of @ionic/core. 
+ */
 function copyCSS() {
   const src = path.join(__dirname, '..', '..', '..', 'core', 'css');
   const dst = path.join(__dirname, '..', 'css');
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 0cb3a2ca27..c0cda2bc63 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -9,7 +9,7 @@
     "lint.fix": "pnpm run eslint --fix && pnpm run prettier --write --cache",
     "test": "jest",
     "build": "pnpm run clean && pnpm run copy && pnpm run copy.overlays && pnpm run bundle && pnpm run build.vetur && pnpm run build.web-types",
-    "build.watch": "pnpm run bundle --watch",
+    "build.watch": "pnpm copy && pnpm bundle --watch",
     "bundle": "rollup --config rollup.config.mjs",
     "clean": "rimraf dist",
     "build.web-types": "node ./scripts/build-web-types.js",
diff --git a/packages/vue/scripts/copy-css.js b/packages/vue/scripts/copy-css.js
index ee49a259c3..90bea3cbe2 100644
--- a/packages/vue/scripts/copy-css.js
+++ b/packages/vue/scripts/copy-css.js
@@ -1,6 +1,12 @@
 const fs = require('fs-extra');
 const path = require('path');
 
+/**
+ * Copy the CSS from the core package to the vue package.
+ * 
+ * This allows developers to import the global stylesheets
+ * from the @ionic/vue package instead of @ionic/core. 
+ */
 function copyCSS() {
   const src = path.join(__dirname, '..', '..', '..', 'core', 'css');
   const dst = path.join(__dirname, '..', 'css');