Upgrade build environment to use esbuild and swc

1 files changed, 7 insertions, 19 deletions

diff --git a/vnext/package.json b/vnext/package.json
index 11f3f7fa..b3259210 100644
--- a/vnext/package.json
+++ b/vnext/package.json
@@ -5,11 +5,11 @@
   "scripts": {
     "test": "jest",
     "build:css": "postcss --verbose --map style.css.map src/index.css -d public/",
-    "build:js": "esbuild src/index.js --bundle --minify --target=safari11 --loader:.js=jsx --loader:.png=file --loader:.svg=file --outdir=dist",
+    "build:js": "esbuild src/index.js --bundle --minify --target=safari11 --loader:.js=jsx --loader:.png=file --loader:.svg=file --outdir=public",
     "build": "cross-env NODE_ENV=production concurrently \"npm run build:css\" \"npm run build:js\"",
-    "dist": "webpack --mode=production --progress && esbuild --bundle --sourcemap --keep-names --platform=node --target=node18 --loader:.css=file --loader:.js=jsx --loader:.png=file --loader:.svg=file --outfile=dist/server.js server/index.js",
-    "start-ssr": "npm run dist && cross-env DEBUG=http node dist/server.js",
-    "start": "concurrently \"node serve.js\" \"npm run build:css -- -w\"",
+    "build:ssr": "esbuild --bundle --sourcemap --keep-names --platform=node --target=node18 --loader:.js=jsx --loader:.png=file --loader:.svg=file --outfile=public/server.js server/index.js",
+    "start-ssr": "npm run build && npm run build:ssr && cross-env DEBUG=http node public/server.js",
+    "start": "concurrently \"npm run build:js -- --servedir=public\" \"npm run build:css -- -w\"",
     "lint": "eslint src/**/*.js"
   },
   "keywords": [],
@@ -22,14 +22,12 @@
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/preset-env": "7.19.4",
     "@babel/preset-react": "7.18.6",
+    "@swc/core": "^1.3.14",
+    "@swc/jest": "^0.2.23",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
-    "babel-jest": "^29.2.2",
-    "babel-loader": "^9.1.0",
     "concurrently": "^7.5.0",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.7.1",
-    "css-minimizer-webpack-plugin": "^4.2.2",
     "eslint": "^8.26.0",
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-jest": "^27.1.3",
@@ -40,25 +38,15 @@
     "eslint-plugin-react": "^7.31.10",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-testing-library": "^5.9.1",
-    "eslint-webpack-plugin": "^3.2.0",
-    "file-loader": "^6.2.0",
-    "html-loader": "^4.2.0",
-    "html-webpack-plugin": "^5.5.0",
     "jest": "^29.2.2",
     "jest-environment-jsdom": "^29.2.2",
-    "mini-css-extract-plugin": "^2.6.1",
     "postcss": "^8.4.18",
     "postcss-cli": "^10.0.0",
     "postcss-import": "^15.0.0",
-    "postcss-loader": "^7.0.1",
     "postcss-preset-env": "^7.8.2",
     "react-test-renderer": "^18.2.0",
-    "style-loader": "^3.3.1",
     "stylelint": "^14.14.1",
-    "stylelint-config-standard": "^29.0.0",
-    "webpack": "^5.74.0",
-    "webpack-cli": "^4.10.0",
-    "webpack-dev-server": "^4.11.1"
+    "stylelint-config-standard": "^29.0.0"
   },
   "babel": {
     "plugins": [