fix: resolve the devtools client correctly

Fixes #113

Author: harlan-zw

build.config.ts

@@ -13,6 +13,7 @@ export default defineBuildConfig({
   entries: [
     'src/plugin',
     // loaders aren't part of the plugin entry
+    { input: 'src/runtime/client', name: 'runtime/client', declaration: false, format: 'cjs', ext: 'cjs'  },
     { input: 'src/loaders/dev-tools', name: 'loaders/dev-tools', declaration: false, format: 'cjs', ext: 'cjs'  },
     { input: 'src/loaders/virtual-module', name: 'loaders/virtual-module', declaration: false, format: 'cjs', ext: 'cjs'  },
     { input: 'src/loaders/windicss-css', name: 'loaders/windicss-css', declaration: false, format: 'cjs', ext: 'cjs' },

src/loaders/dev-tools.ts

@@ -1,11 +1,11 @@
 import { readFileSync } from 'fs'
-import { resolve } from 'path'
 import type webpack from 'webpack'
 import { isDev, isWebCompilerTarget } from '../core/utils'
 import { DEVTOOLS_POST_PATH } from '../core/constants'
 import type { Compiler } from '../types'
+import { resolve } from 'pathe'
 
-const DEVTOOLS_CLIENT_PATH = resolve(__dirname, '../core/client.js')
+const DEVTOOLS_CLIENT_PATH = resolve(__dirname, '../runtime/client.cjs')
 
 function getMockClassesInjector(compiler: Compiler) {
   const completions = compiler.$windi.getCompletions()

src/core/client.ts src/runtime/client.tssrc/core/client.ts renamed to src/runtime/client.ts

@@ -2,7 +2,10 @@
   "root": true,
   "compilerOptions": {
     "baseUrl": ".",
-    "lib": ["ES2019"],
+    "lib": [
+      "ES2019",
+      "dom"
+    ],
     "module": "commonjs",
     "target": "ES2019",
     "strict": true,
@@ -14,8 +17,8 @@
     "strictNullChecks": true,
     "forceConsistentCasingInFileNames": true,
     "paths": {
-      "windicss-webpack-plugin": ["./src/plugin.ts"],
-    },
+      "windicss-webpack-plugin": ["./src/plugin.ts"]
+    }
   },
   "include": [
     "src"