feat: add webpack and vite plugin

Author: KeJunMao

.vscode/settings.json

@@ -0,0 +1,7 @@
+{
+  "cSpell.words": [
+    "formdata",
+    "miniprogram",
+    "treeshake"
+  ]
+}

README.md

@@ -70,65 +70,24 @@ instance.request({
 
 ### 小程序
 
-小程序没有 FormData 和 Blob 对象, 需要自定义一个 vite 插件来兼容：
+axios 依赖了 `FormData` 和 `Blob` 对象, 而小程序没有，使用提供的插件来解决这一问题
 
 ```ts
-{
-  name: "vite-plugin-uni-axios",
-  transform(code, id) {
-    if (process.env.UNI_PLATFORM?.includes("mp")) {
-      if (id.includes("/form-data/lib/browser.js")) {
-        return {
-          code: code.replace("window", "globalThis"),
-        };
-      }
-      if (id.includes("/axios/lib/platform/browser/classes/FormData.js")) {
-        return {
-          code: `class FormData {};\nexport default FormData;`,
-        };
-      }
-      if (id.includes("/axios/lib/platform/browser/classes/Blob.js")) {
-        return {
-          code: `class Blob {};\nexport default Blob;`,
-        };
-      }
-    }
-  },
-},
+// vite.config.js
+import uniAxiosAdapter from "@uni-helper/axios-adapter/vite";
+
+export default {
+  plugins: [
+  ...
+  uniAxiosAdapter()
+  ...
+  ],
+}
 ```
+> [!WARNING]
+> 这个插件通过将 `FormData` 和 `Blob` 导出为空 `class`来解决兼容性问题，如果你确实需要的话，使用 `pnpm add miniprogram-formdata miniprogram-blob` 来安装对应的 polyfill 即可，插件会自动使用。
 
-如果你需要 FormData 和 Blob 的话:
-
-```bash
-pnpm add miniprogram-formdata miniprogram-blob
-```
-
-```ts
-{
-  name: "vite-plugin-uni-axios",
-  transform(code, id) {
-    if (process.env.UNI_PLATFORM?.includes("mp")) {
-      if (id.includes("/form-data/lib/browser.js")) {
-        return {
-          code: code.replace("window", "globalThis"),
-        };
-      }
-      if (id.includes("/axios/lib/platform/browser/classes/FormData.js")) {
-        return {
-          code: `import FormData from 'miniprogram-formdata';\nexport default FormData;`,
-        };
-      }
-      if (id.includes("/axios/lib/platform/browser/classes/Blob.js")) {
-        return {
-          code: `import Blob from 'miniprogram-blob';\nexport default Blob;`,
-        };
-      }
-    }
-  },
-},
-```
-
-如果你使用的是 vue cli，那么你需要编写一个类似的 webpack 插件
+如果你使用的是 Vue CLI，改用 `@uni-helper/axios-adapter/webpack` 即可
 
 ## 客户端类型
 

package.json

@@ -3,6 +3,10 @@
   "type": "module",
   "version": "1.4.0",
   "license": "MIT",
+  "author": {
+    "name": "kejunmao",
+    "email": "kejun1997@gmail.com"
+  },
   "packageManager": "pnpm@8.7.5",
   "description": "The Axios adapter for uniapp",
   "homepage": "https://github.com/uni-helper/axios-adapter",
@@ -19,9 +23,34 @@
   "sideEffects": false,
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.js"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./vite": {
+      "import": {
+        "types": "./dist/vite.d.ts",
+        "default": "./dist/vite.js"
+      },
+      "require": {
+        "types": "./dist/vite.d.cts",
+        "default": "./dist/vite.cjs"
+      }
+    },
+    "./webpack": {
+      "import": {
+        "types": "./dist/webpack.d.ts",
+        "default": "./dist/webpack.js"
+      },
+      "require": {
+        "types": "./dist/webpack.d.cts",
+        "default": "./dist/webpack.cjs"
+      }
     },
     "./client": {
       "types": "./client.d.ts"
@@ -57,5 +86,9 @@
   },
   "peerDependencies": {
     "axios": "^1.5.0"
+  },
+  "dependencies": {
+    "local-pkg": "^0.4.3",
+    "unplugin": "^1.4.0"
   }
 }

playground/vite.config.ts

@@ -1,31 +1,8 @@
 import { defineConfig } from "vite";
 import uni from "@dcloudio/vite-plugin-uni";
+import uniHelperAxiosAdapter from "@uni-helper/axios-adapter/vite";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [
-    uni(),
-    {
-      name: "vite-plugin-uni-axios",
-      transform(code, id) {
-        if (process.env.UNI_PLATFORM?.includes("mp")) {
-          if (id.includes("/form-data/lib/browser.js")) {
-            return {
-              code: code.replace("window", "globalThis"),
-            };
-          }
-          if (id.includes("/axios/lib/platform/browser/classes/FormData.js")) {
-            return {
-              code: `class FormData {};\nexport default FormData;`,
-            };
-          }
-          if (id.includes("/axios/lib/platform/browser/classes/Blob.js")) {
-            return {
-              code: `class Blob {};\nexport default Blob;`,
-            };
-          }
-        }
-      },
-    },
-  ],
+  plugins: [uni(), uniHelperAxiosAdapter()],
 });

pnpm-lock.yaml

@@ -6,6 +6,12 @@ export interface UserOptions extends Partial<Options> {}
 
 export interface ResolvedOptions extends Options {}
 
+export interface UnpluginOptions {}
+
+export interface UserUnpluginOptions extends Partial<UnpluginOptions> {}
+
+export interface ResolvedUnpluginOptions extends UnpluginOptions {}
+
 export type MethodType = "request" | "download" | "upload";
 
 export type Method = (

src/types.ts

@@ -0,0 +1,39 @@
+import { createUnplugin } from "unplugin";
+import { UserUnpluginOptions } from "./types";
+import { isPackageExists } from "local-pkg";
+
+export const unplugin = createUnplugin((options: UserUnpluginOptions = {}) => {
+  const hasFormDataPolyfill = isPackageExists("miniprogram-formdata");
+  const hasBlobPolyfill = isPackageExists("miniprogram-blob");
+  return {
+    name: "unplugin-uni-axios-adapter",
+    enforce: "pre",
+    transform(code, id) {
+      if (process.env.UNI_PLATFORM?.includes("mp")) {
+        if (id.includes("/form-data/lib/browser.js")) {
+          return {
+            code: code.replace("window", "globalThis"),
+          };
+        }
+        if (id.includes("/axios/lib/platform/browser/classes/FormData.js")) {
+          return {
+            code: `${
+              hasFormDataPolyfill
+                ? "import FormData from 'miniprogram-formdata';"
+                : "class FormData {};"
+            }\nexport default FormData;`,
+          };
+        }
+        if (id.includes("/axios/lib/platform/browser/classes/Blob.js")) {
+          return {
+            code: `${
+              hasBlobPolyfill
+                ? "import Blob from 'miniprogram-blob';"
+                : "class Blob {};"
+            }\nexport default Blob;`,
+          };
+        }
+      }
+    },
+  };
+});

src/unplugin.ts

@@ -0,0 +1,4 @@
+
+import { unplugin } from './unplugin'
+
+export default unplugin.vite

src/vite.ts

@@ -0,0 +1,4 @@
+
+import { unplugin } from './unplugin'
+
+export default unplugin.webpack

src/webpack.ts

@@ -1,13 +1,12 @@
 import { defineConfig } from "tsup";
 
 export default defineConfig({
-  entry: ["src/index.ts"],
+  entry: ["src/index.ts", "src/vite.ts", "src/webpack.ts"],
   format: ["cjs", "esm"],
   splitting: true,
-  sourcemap: true,
   clean: true,
   treeshake: true,
-  minify: process.env.NODE_ENV === "production",
+  minify: true,
   external: ["axios"],
   dts: true,
 });