@deot/dev-dever 2.5.3 → 2.5.5

package/README.md

@@ -36,4 +36,15 @@ export default mergeConfig(
 );
 ```
 
-取`dev.config.ts`, 是为了方便从`vite`转其他开发工具时，可以不改变文件名
+取`dev.config.ts`, 是为了方便从`vite`转其他开发工具时，可以不改变文件名
+
+## 预加载配置`preload.ts`
+
+会查找当前文件夹路径下往前查找`preload.ts`文件，直至`process.cwd()`，如果存件，就近添加`preload.ts`
+
+文件查找优先级
+
+- `z.dev.preload.ts`
+- `dev.preload.ts`
+- `z.preload.ts`
+- `preload.ts`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deot/dev-dever",
-  "version": "2.5.3",
+  "version": "2.5.5",
   "type": "module",
   "main": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -25,7 +25,7 @@
     "@deot/dev-shared": "^2.5.0",
     "@deot/dev-vue": "^2.5.1",
     "ejs": "^3.1.9",
-    "vite": "^4.4.9"
+    "vite": "^4.4.11"
   },
   "devDependencies": {
     "@deot/dev-test": "^2.5.0",

package/shared.config.ts

@@ -58,6 +58,28 @@ const getVirtualHtml = async (url: string) => {
 		const fullpath = path.join(dir, `${entry.replace(/(.*)(\..*)$/, '$1') + ext}`);
 		return fs.existsSync(fullpath) ? fullpath : false;
 	};
+
+	const getPreload = (fullpath: string) => {
+		let dir$ = path.dirname(fullpath);
+		let preload = '';
+		while (dir$.includes(cwd) && !preload) {
+			
+			let preloadFullPath = [
+				path.resolve(dir$, './z.dev.preload.ts'),
+				path.resolve(dir$, './dev.preload.ts'),
+				path.resolve(dir$, './z.preload.ts'),
+				path.resolve(dir$, './preload.ts')
+			].find(i => fs.existsSync(i));
+
+			if (preloadFullPath) {
+				preload = `		import "/${path.relative(cwd, preloadFullPath)}";\n`;
+			} else {
+				dir$ = path.resolve(dir$, '..');
+			}
+		}
+
+		return preload;
+	};
 	
 	const htmlFullpath = isExist('.html');
 	if (htmlFullpath) {
@@ -66,14 +88,14 @@ const getVirtualHtml = async (url: string) => {
 
 	const tsFullpath = isExist('.ts');
 	if (tsFullpath) {
-		let inject = '';
+		let inject = getPreload(tsFullpath);
 		inject += `		import "/${path.relative(cwd, tsFullpath)}";\n`;
 		return generateIndexHtml(url, inject);
 	}
 
 	const vueFullpath = isExist('.vue');
 	if (vueFullpath) {
-		let inject = '';
+		let inject = getPreload(vueFullpath);
 		inject += `		import { createApp } from "vue"\n`;
 		inject += `		import App from "/${path.relative(cwd, vueFullpath)}";\n`;
 		inject += `		const app = createApp(App);\n`;
@@ -84,7 +106,7 @@ const getVirtualHtml = async (url: string) => {
 
 	const tsxFullpath = isExist('.tsx');
 	if (tsxFullpath) {
-		let inject = '';
+		let inject = getPreload(tsxFullpath);
 		inject += `		import React, { StrictMode } from 'react';`;
 		inject += `		import { createRoot } from 'react-dom/client';`;
 		inject += `		import App from "/${path.relative(cwd, tsxFullpath)}";\n`;