fix(polyfills): add vite-plugin-node-polyfills to support Node.js pol…

…yfills
emqx · Jan 13, 2025 · 8636016 · 8636016
1 parent b28021b
commit 8636016
Show file tree

Hide file tree

Showing 7 changed files with 631 additions and 18 deletions.
diff --git a/apps/desktop/electron.vite.config.ts b/apps/desktop/electron.vite.config.ts
@@ -8,6 +8,7 @@ import Icons from 'unplugin-icons/vite'
 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import Components from 'unplugin-vue-components/vite'
 import VueRouter from 'unplugin-vue-router/vite'
+import { nodePolyfills } from 'vite-plugin-node-polyfills'
 
 import { version } from './package.json'
 
@@ -100,6 +101,10 @@ export default defineConfig({
           return code
         },
       },
+      nodePolyfills({
+        // WORKAROUND: https://github.com/davidmyersdev/vite-plugin-node-polyfills/issues/90
+        exclude: ['crypto'],
+      }),
     ],
     css: {
       preprocessorOptions: {

diff --git a/apps/desktop/package.json b/apps/desktop/package.json
@@ -74,6 +74,7 @@
     "unplugin-vue-components": "^0.27.4",
     "unplugin-vue-router": "^0.10.8",
     "vite": "^5.4.10",
+    "vite-plugin-node-polyfills": "^0.22.0",
     "vitest": "^2.1.4",
     "vue": "^3.5.12",
     "vue-tsc": "^2.1.10"

diff --git a/apps/web/package.json b/apps/web/package.json
@@ -55,6 +55,7 @@
     "unplugin-vue-components": "^0.27.4",
     "unplugin-vue-router": "^0.10.8",
     "vite": "^5.4.10",
+    "vite-plugin-node-polyfills": "^0.22.0",
     "vitest": "^2.1.4",
     "vue-tsc": "^2.1.10"
   }

diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts
@@ -10,6 +10,7 @@ import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import Components from 'unplugin-vue-components/vite'
 import VueRouter from 'unplugin-vue-router/vite'
 import { defineConfig } from 'vite'
+import { nodePolyfills } from 'vite-plugin-node-polyfills'
 
 import { version } from './package.json'
 
@@ -75,6 +76,10 @@ export default defineConfig({
         custom: FileSystemIconLoader('../../packages/ui/src/assets/icons'),
       },
     }),
+    nodePolyfills({
+      // WORKAROUND: https://github.com/davidmyersdev/vite-plugin-node-polyfills/issues/90
+      exclude: ['crypto'],
+    }),
     {
       name: 'element-plus-night-theme',
       transform(code, id) {

diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -54,6 +54,7 @@
     "unplugin-vue-components": "^0.27.4",
     "vite": "^5.4.10",
     "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-node-polyfills": "^0.22.0",
     "vitest": "^2.1.4",
     "vue-tsc": "^2.1.10"
   }

diff --git a/packages/ui/vite.config.ts b/packages/ui/vite.config.ts
@@ -10,6 +10,7 @@ import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import Components from 'unplugin-vue-components/vite'
 import { defineConfig } from 'vite'
 import dts from 'vite-plugin-dts'
+import { nodePolyfills } from 'vite-plugin-node-polyfills'
 
 export default defineConfig({
   plugins: [
@@ -67,6 +68,10 @@ export default defineConfig({
         custom: FileSystemIconLoader('./src/assets/icons'),
       },
     }),
+    nodePolyfills({
+      // WORKAROUND: https://github.com/davidmyersdev/vite-plugin-node-polyfills/issues/90
+      exclude: ['crypto'],
+    }),
   ],
   resolve: {
     alias: [