wip: vite

Author: hengwangsay

package.json

@@ -21,22 +21,22 @@
     "test": "jest"
   },
   "devDependencies": {
-    "@babel/core": "^7.19.6",
-    "@babel/runtime": "^7.20.0",
+    "@babel/core": "^7.20.2",
+    "@babel/runtime": "^7.20.1",
     "@chakra-ui/cli": "^2.1.8",
-    "@chakra-ui/react": "^2.3.6",
+    "@chakra-ui/react": "^2.3.7",
     "@chakra-ui/styled-system": "^2.3.4",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@rollup/plugin-commonjs": "^23.0.2",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^5.0.1",
-    "@swc/core": "^1.3.11",
+    "@swc/core": "^1.3.14",
     "@swc/helpers": "^0.4.12",
-    "@types/jest": "^29.2.0",
-    "@types/lodash": "^4.14.186",
+    "@types/jest": "^29.2.2",
+    "@types/lodash": "^4.14.188",
     "@types/lodash-es": "^4.17.6",
-    "@types/node": "^18.11.8",
+    "@types/node": "^18.11.9",
     "@typescript-eslint/eslint-plugin": "^5.40.0",
     "@typescript-eslint/parser": "^5.40.0",
     "axios": "^0.27.2",
@@ -56,7 +56,7 @@
     "prettier": "^2.7.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rollup": "^3.2.3",
+    "rollup": "^3.2.5",
     "rollup-plugin-typescript2": "^0.34.1",
     "ts-jest": "^29.0.3",
     "ts-node": "^10.9.1",

packages/axios/src/adapter/fetchAdapter.ts

@@ -8,11 +8,11 @@ import { generateFetchWithTimeout } from "./fetch";
 
 import type { AxiosPromise, AxiosRequestConfig, AxiosResponse } from "axios";
 
-const buildFullPath = require("axios/lib/core/buildFullPath");
-const settle = require("axios/lib/core/settle");
-const defaults = require("axios/lib/defaults");
-const buildURL = require("axios/lib/helpers/buildURL");
-const { isUndefined } = require("axios/lib/utils");
+// const buildFullPath = require("axios/lib/core/buildFullPath");
+// const settle = require("axios/lib/core/settle");
+// const defaults = require("axios/lib/defaults");
+// const buildURL = require("axios/lib/helpers/buildURL");
+// const { isUndefined } = require("axios/lib/utils");
 
 export async function fetchAdapter(config: AxiosRequestConfig): Promise<AxiosResponse<unknown>> {
   const { useMock } = config;
@@ -21,9 +21,11 @@ export async function fetchAdapter(config: AxiosRequestConfig): Promise<AxiosRes
     console.warn(`[axios] current request prefer use mock data, but do the original fetch`);
   }
 
+  const defaults = await import(/* @vite-ignore */ "axios/lib/defaults/index.js");
+
   let request: Request | null = null;
   try {
-    request = createRequest(config);
+    request = await createRequest(config);
   } catch (err) {
     if (__DEV__) {
       console.error(`fetch adapter create error, ${(err as Error).message}`);
@@ -35,6 +37,8 @@ export async function fetchAdapter(config: AxiosRequestConfig): Promise<AxiosRes
 
   const data = await fetchPromise;
 
+  const settle = await import(/* @vite-ignore */ "axios/lib/core/settle.js");
+
   return new Promise((resolve, reject) => {
     if (data instanceof Error) {
       reject(data);
@@ -110,7 +114,7 @@ async function getResponse(request: Request, config: AxiosRequestConfig): Promis
 /**
  * This function will create a Request object based on configuration's axios
  */
-function createRequest(config: AxiosRequestConfig): Request {
+async function createRequest(config: AxiosRequestConfig): Promise<Request> {
   if (typeof fetch === "undefined") {
     throw new Error("current env not have fetch function");
   }
@@ -151,6 +155,12 @@ function createRequest(config: AxiosRequestConfig): Request {
     }
   });
 
+  const buildFullPath = await import(/* @vite-ignore */ "axios/lib/core/buildFullPath.js");
+
+  const buildURL = await import(/* @vite-ignore */ "axios/lib/helpers/buildURL.js");
+
+  const { isUndefined } = await import(/* @vite-ignore */ "axios/lib/utils.js");
+
   // This config is similar to XHR’s withCredentials flag, but with three available values instead of two.
   // So if withCredentials is not set, default value 'same-origin' will be used
   if (!isUndefined(config.withCredentials)) {

packages/axios/src/adapter/mockAdapter.ts

@@ -4,7 +4,8 @@ import { fetchAdapter } from "./fetchAdapter";
 
 import type { AxiosRequestConfig, AxiosResponse, AxiosResponseHeaders } from "axios";
 
-const mockAdapterRequest = ({ baseURL, url }: { baseURL?: string; url?: string }) => import(`@server/mock/${baseURL || ""}${url || ""}.json`);
+const mockAdapterRequest = ({ baseURL, url }: { baseURL?: string; url?: string }) =>
+  import(/* @vite-ignore */ `@server/mock/${baseURL || ""}${url || ""}.json`);
 
 // just for test
 export async function mockAdapter(config: AxiosRequestConfig): Promise<AxiosResponse<unknown>> {