feat: support vue-cli

Author: zcf0508

README.md

@@ -80,6 +80,7 @@ module.exports = {
 ```bash
 # macOS
 sudo -E npm run dev # your dev script
+#    ^ `-E` is important
 
 # windows
 # use powershell as administrator

package.json

@@ -113,6 +113,7 @@
     }
   },
   "dependencies": {
+    "esno": "^0.17.0",
     "got-cjs": "^12.5.4",
     "hostile": "^1.3.3",
     "http-proxy-agent": "^7.0.0",
@@ -131,7 +132,6 @@
     "bumpp": "^9.2.0",
     "chalk": "^5.3.0",
     "eslint": "^8.47.0",
-    "esno": "^0.17.0",
     "fast-glob": "^3.3.1",
     "nodemon": "^3.0.1",
     "rimraf": "^5.0.1",

pnpm-lock.yaml

@@ -8,8 +8,11 @@ import { CaddyInstant } from './caddy'
 
 let config: ResolvedConfig
 
+let caddy: CaddyInstant
+
 export const unpluginFactory: UnpluginFactory<Options> = options => ({
   name: 'unplugin-https-reverse-proxy',
+  enforce: 'post',
   vite: {
     configResolved(_config) {
       config = _config
@@ -62,19 +65,33 @@ export const unpluginFactory: UnpluginFactory<Options> = options => ({
       console.log('please provide target')
       return
     }
-    const source = `${compiler.options.devServer?.host || '127.0.0.1'}:${compiler.options.devServer?.port || '8080'}`
-
     try {
-      const caddy = new CaddyInstant()
+      // @ts-expect-error vuecli
+      const devServer = compiler.options.devServer || process.VUE_CLI_SERVICE.projectOptions.devServer
+      const source = `${devServer?.host || '127.0.0.1'}:${devServer?.port || '8080'}`
+
+      if (caddy)
+        return
+
+      caddy = new CaddyInstant()
+
       caddy.run(source, target).then((stop) => {
         const colorUrl = (url: string) => c.green(url.replace(/:(\d+)\//, (_, port) => `:${c.bold(port)}/`))
-        // eslint-disable-next-line no-console
-        console.log(`  ${c.green('➜')}  ${c.bold('run caddy reverse proxy success')}: ${colorUrl(`https://${target}`)}`)
+
+        compiler.hooks.done.tap('unplugin-https-reverse-proxy', (stats) => {
+          if (stats.hasErrors())
+            return
+
+          // eslint-disable-next-line no-console
+          console.log(`  ${c.green('➜')}  ${c.bold('run caddy reverse proxy success')}: ${colorUrl(`https://${target}`)}`)
+        })
 
         process.on('SIGINT', async () => {
           await stop()
           process.exit()
         })
+      }).catch((e) => {
+        throw e
       })
     }
     catch (e) {