tried fixing up JS compile stuff

assets/js/nmsp-plugin-name-admin.js

@@ -1,5 +1,8 @@
-(function($) {
+(() => {
-  console.log('Your plugin just got loaded on the admin page!');
+  // resources/admin/js/nmsp-plugin-name-admin.js
-  console.log('This is what you get as jQuery:', $);
+  (function($) {
-  console.log('Here is what you set for nmspPluginAdminApi:', window.nmspPluginAdminApi);
+    console.log("Your plugin just got loaded on the admin page!");
-}(window.jQuery));
+    console.log("This is what you get as jQuery:", $);
+    console.log("Here is what you set for nmspPluginAdminApi:", window.nmspPluginAdminApi);
+  })(window.jQuery);
+})();

assets/js/nmsp-plugin-name.js

@@ -1,5 +1,8 @@
-(function($) {
+(() => {
-  console.log('Your plugin just got loaded!');
+  // resources/front/js/nmsp-plugin-name.js
-  console.log('This is what you get as jQuery:', $);
+  (function($) {
-  console.log('Here is what you set for nmspPluginApi:', window.nmspPluginApi);
+    console.log("Your plugin just got loaded!");
-}(window.jQuery));
+    console.log("This is what you get as jQuery:", $);
+    console.log("Here is what you set for nmspPluginApi:", window.nmspPluginApi);
+  })(window.jQuery);
+})();

package.json

@@ -13,26 +13,31 @@
     "url": "https://github.com/namespace/plugin-name/issues"
   },
   "scripts": {
-    "watch": "node-sass resources/front/sass/nmsp-plugin-name.scss -o ./assets/css/ --source-map true --output-style expanded --indent-type tab --indent-width 1 -w",
+    "watch:css": "node-sass resources/front/sass/nmsp-plugin-name.scss -o ./assets/css/ --source-map true --output-style expanded --indent-type tab --indent-width 1 -w",
+    "watch:css-admin": "node-sass resources/admin/sass/nmsp-plugin-name-admin.scss -o ./assets/css/ --source-map true --output-style expanded --indent-type tab --indent-width 1 -w",
+    "watch:js": "esbuild --format=iife resources/front/js/nmsp-plugin-name.js --outfile=assets/js/nmsp-plugin-name.js --bundle --watch",
+    "watch:js-admin": "esbuild --format=iife resources/admin/js/nmsp-plugin-name-admin.js --outfile=assets/js/nmsp-plugin-name-admin.js --bundle --watch",
     "watch-admin": "node-sass resources/admin/sass/nmsp-plugin-name-admin.scss -o ./assets/css/ --source-map true --output-style expanded --indent-type tab --indent-width 1 -w",
+    "watch": "concurrently --kill-others \"npm run watch:css\" \"npm run watch:css-admin\" \"npm run watch:js\" \"npm run watch:js-admin\"",
     "compile:css": "node-sass resources/front/sass/nmsp-plugin-name.scss -o ./assets/css/ && stylelint 'assets/css/nmsp-plugin-name.css' --fix || true && stylelint 'assets/css/nmsp-plugin-name.css' --fix",
     "compile:css-admin": "node-sass resources/admin/sass/nmsp-plugin-name-admin.scss -o ./assets/css/ && stylelint 'assets/css/nmsp-plugin-name-admin.css' --fix || true && stylelint 'assets/css/nmsp-plugin-name-admin.css' --fix",
     "compile:rtl": "rtlcss assets/css/nmsp-plugin-name.css assets/css/nmsp-plugin-name-rtl.css && rtlcss assets/css/nmsp-plugin-name.css assets/css/nmsp-plugin-name-rtl.css",
     "compile:rtl-admin": "rtlcss assets/css/nmsp-plugin-name-admin.css assets/css/nmsp-plugin-name-admin-rtl.css && rtlcss assets/css/nmsp-plugin-name-admin-admin.css assets/css/nmsp-plugin-name-admin-rtl.css",
     "compile:js": "cp resources/front/js/nmsp-plugin-name.js assets/js/nmsp-plugin-name.js",
     "compile:js-admin": "cp resources/admin/js/nmsp-plugin-name-admin.js assets/js/nmsp-plugin-name-admin.js",
-    "compile": "npm run compile:css && npm run compile:css-admin && npm run compile:rtl && npm run compile:rtl-admin && npm run compile:js && npm run compile:js-admin",
+    "compile": "concurrently --kill-others \"npm run compile:css\" \"npm run compile:css-admin\" \"npm run compile:rtl\" \"npm run compile:rtl-admin\" \"npm run compile:js\" \"npm run compile:js-admin\"",
     "lint:js": "wp-scripts lint-js 'resources/**/js/*.js'",
     "lint:scss": "wp-scripts lint-style 'resources/**/sass/**/*.scss'",
     "bundle": "dir-archiver --src . --dest ../nmsp-plugin-name.zip --exclude .DS_Store .stylelintrc.json .eslintrc .git .gitattributes .github .gitignore README.md CHANGELOG.md composer.lock node_modules vendor package-lock.json package.json .travis.yml phpcs.xml.dist resources assets/css/nmsp-plugin-name.css.map assets/css/nmsp-plugin-name-admin.css.map"
   },
-  "dependencies": {},
   "devDependencies": {
-    "@wordpress/scripts": "^16.1.1",
+    "@wordpress/scripts": "^24.2.0",
-    "@wordpress/stylelint-config": "19.0.5",
+    "@wordpress/stylelint-config": "21.1.0",
-    "dir-archiver": "^1.2.0",
+    "concurrently": "^7.4.0",
-    "node-sass": "^6.0.0",
+    "dir-archiver": "^2.0.0",
-    "rtlcss": "^3.2.0"
+    "esbuild": "^0.15.10",
+    "node-sass": "^7.0.3",
+    "rtlcss": "^4.0.0"
   },
   "rtlcssConfig": {
     "options": {