@_tc/template-core 0.0.1-bate.16 → 0.0.1-bate.17

package/cjs/bundler/utils.js

@@ -100,7 +100,7 @@ function entries() {
             input[key] = path_1.default.resolve(base, fileHtml);
         }
     }
-    // for (const file of fs.readdirSync(base)) {
+    // for (const file of readdirSync(base)) {
     //   if (!file.endsWith(".html")) continue;
     //   const key = path.basename(file, ".html");
     //   input[key] = path.resolve(base, file);
@@ -132,27 +132,61 @@ const watchFiles = async (callback) => {
     console.log(`watching ${runFEPath}/...`);
 };
 exports.watchFiles = watchFiles;
-const customOutputPlugin = {
-    name: "custom-output-paths",
-    generateBundle(_, bundle) {
-        for (const [fileName, chunk] of Object.entries(bundle)) {
-            if (!fileName.endsWith(".html"))
-                continue;
-            const baseName = path_1.default.basename(fileName);
-            const desiredName = `frontend/${baseName}`;
-            delete bundle[fileName];
-            chunk.fileName = desiredName;
-            bundle[desiredName] = chunk;
-        }
-    },
-};
+/**
+ *
+ * 1. 在 build 结束后
+ * 2. 获取输出目录下的html文件
+ * 3. 移动内部的html 至 输出目录的根节点
+ */
+function flattenHtmlPlugin() {
+    return {
+        name: "flatten-html",
+        apply: "build",
+        closeBundle() {
+            const feDir = outDir();
+            if (!(0, fs_1.existsSync)(feDir))
+                return;
+            // 移动文件
+            const htmlFiles = glob.sync("**/*.html", { cwd: feDir });
+            for (const file of htmlFiles) {
+                const src = path_1.default.join(feDir, file);
+                const dest = path_1.default.join(feDir, path_1.default.basename(file));
+                if (src !== dest) {
+                    (0, fs_1.copyFileSync)(src, dest);
+                    (0, fs_1.unlinkSync)(src);
+                }
+            }
+            const parents = [...new Set(htmlFiles.map((f) => path_1.default.dirname(f)))]
+                .sort()
+                .reverse();
+            /**
+             *
+             * 删除空的目录
+             */
+            const delEmptyDir = (pathStr) => {
+                const currentDir = (0, fs_1.existsSync)(pathStr) ? (0, fs_1.readdirSync)(pathStr) : [1];
+                if (!currentDir.length) {
+                    (0, fs_1.rmdirSync)(pathStr);
+                    const pa = pathStr.split(path_1.default.sep).slice(0, -1);
+                    pa.length && delEmptyDir(pa.join(path_1.default.sep));
+                }
+            };
+            for (const dir of parents) {
+                if (dir && dir !== ".") {
+                    const fullPath = path_1.default.join(feDir, dir);
+                    delEmptyDir(fullPath);
+                }
+            }
+        },
+    };
+}
 const VBuildFE = async (input) => {
     // 根据入口构建
     await (0, vite_1.build)({
         configFile: false,
         plugins: [
             (await Promise.resolve().then(() => __importStar(require("@vitejs/plugin-react")))).default(),
-            customOutputPlugin,
+            flattenHtmlPlugin(),
         ],
         build: {
             outDir: outDir(),

package/esm/bundler/utils.js

@@ -2,7 +2,7 @@ import path from "path";
 import * as glob from "glob";
 import { build } from "vite";
 import { resolve } from "../packages/utils";
-import { readFileSync, writeFileSync } from "fs";
+import { copyFileSync, existsSync, readdirSync, readFileSync, rmdirSync, unlinkSync, writeFileSync, } from "fs";
 const base = process.cwd();
 // 瞄准输出后的产物路径
 const framePath = path.resolve(__dirname, "../../");
@@ -59,7 +59,7 @@ export function entries() {
             input[key] = path.resolve(base, fileHtml);
         }
     }
-    // for (const file of fs.readdirSync(base)) {
+    // for (const file of readdirSync(base)) {
     //   if (!file.endsWith(".html")) continue;
     //   const key = path.basename(file, ".html");
     //   input[key] = path.resolve(base, file);
@@ -90,27 +90,61 @@ export const watchFiles = async (callback) => {
     });
     console.log(`watching ${runFEPath}/...`);
 };
-const customOutputPlugin = {
-    name: "custom-output-paths",
-    generateBundle(_, bundle) {
-        for (const [fileName, chunk] of Object.entries(bundle)) {
-            if (!fileName.endsWith(".html"))
-                continue;
-            const baseName = path.basename(fileName);
-            const desiredName = `frontend/${baseName}`;
-            delete bundle[fileName];
-            chunk.fileName = desiredName;
-            bundle[desiredName] = chunk;
-        }
-    },
-};
+/**
+ *
+ * 1. 在 build 结束后
+ * 2. 获取输出目录下的html文件
+ * 3. 移动内部的html 至 输出目录的根节点
+ */
+function flattenHtmlPlugin() {
+    return {
+        name: "flatten-html",
+        apply: "build",
+        closeBundle() {
+            const feDir = outDir();
+            if (!existsSync(feDir))
+                return;
+            // 移动文件
+            const htmlFiles = glob.sync("**/*.html", { cwd: feDir });
+            for (const file of htmlFiles) {
+                const src = path.join(feDir, file);
+                const dest = path.join(feDir, path.basename(file));
+                if (src !== dest) {
+                    copyFileSync(src, dest);
+                    unlinkSync(src);
+                }
+            }
+            const parents = [...new Set(htmlFiles.map((f) => path.dirname(f)))]
+                .sort()
+                .reverse();
+            /**
+             *
+             * 删除空的目录
+             */
+            const delEmptyDir = (pathStr) => {
+                const currentDir = existsSync(pathStr) ? readdirSync(pathStr) : [1];
+                if (!currentDir.length) {
+                    rmdirSync(pathStr);
+                    const pa = pathStr.split(path.sep).slice(0, -1);
+                    pa.length && delEmptyDir(pa.join(path.sep));
+                }
+            };
+            for (const dir of parents) {
+                if (dir && dir !== ".") {
+                    const fullPath = path.join(feDir, dir);
+                    delEmptyDir(fullPath);
+                }
+            }
+        },
+    };
+}
 export const VBuildFE = async (input) => {
     // 根据入口构建
     await build({
         configFile: false,
         plugins: [
             (await import("@vitejs/plugin-react")).default(),
-            customOutputPlugin,
+            flattenHtmlPlugin(),
         ],
         build: {
             outDir: outDir(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@_tc/template-core",
-  "version": "0.0.1-bate.16",
+  "version": "0.0.1-bate.17",
   "description": "A TypeScript Koa framework template - Monorepo root",
   "main": "./index.js",
   "types": "./index.d.ts",