chore: ESM should be used in CTS files

condorheroblog · Dec 31, 2023 · 020f5e0 · 020f5e0
1 parent 2167b6a
commit 020f5e0
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/packages/playground/react-sample/fake/index.fake.cjs b/packages/playground/react-sample/fake/index.fake.cjs
@@ -1,6 +1,7 @@
 const { defineFakeRoute } = require("vite-plugin-fake-server/client");
 
-exports.default = defineFakeRoute({
+// exports.default
+module.exports = defineFakeRoute({
 	url: "/response-in-cjs-file",
 	timeout: 2000,
 	response: () => {

diff --git a/packages/playground/react-sample/fake/index.fake.cts b/packages/playground/react-sample/fake/index.fake.cts
@@ -1,4 +1,8 @@
-module.exports = {
+// https://devblogs.microsoft.com/typescript/announcing-typescript-4-5-beta/#new-file-extensions
+// https://twitter.com/atcb/status/1528501621025406976
+// `.cts` 使用的是 ESM 模块而不是 CommonJS 模块
+
+export default {
 	url: "/response-in-cts-file",
 	timeout: 2000,
 	response: () => {

diff --git a/packages/vite-plugin-fake-server/src/plugin.ts b/packages/vite-plugin-fake-server/src/plugin.ts
@@ -114,6 +114,7 @@ export const vitePluginFakeServer = async (options: VitePluginFakeServerOptions
 					convertPathToPosix("/" + relative(config.root, filePath)),
 				);
 
+				// import.meta.glob imports the CommonJS module, which has the default object by default
 				const fakeTemplate = `
 					const modules = import.meta.glob(${JSON.stringify(relativeFakeFilePath, null, 2)}, { eager: true });
 					const fakeModuleList = Object.keys(modules).reduce((list, key) => {
@@ -125,8 +126,7 @@ export const vitePluginFakeServer = async (options: VitePluginFakeServerOptions
 								return [...list, ...modList];
 							}
 						} else {
-							const modList = Array.isArray(module) ? [...module] : [module];
-							return [...list, ...modList];
+							return list;
 						}
 					}, []);
 					window.__VITE__PLUGIN__FAKE__SERVER__.fakeModuleList = fakeModuleList;