@vnejs/build 0.2.1 → 0.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/build",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Build tools for @vnejs",
   "main": "src/index.js",
   "bin": {

package/src/client/utils.js

@@ -124,6 +124,24 @@ const cleanClientOutput = (distPath, isClientOutput) => {
   });
 };
 
+const createDeferredEntryScript = (entryScript) => `    <script type="module">
+      const afterFirstPaint = (fn) => requestAnimationFrame(() => requestAnimationFrame(fn));
+      const boot = () => import(${JSON.stringify(entryScript)});
+
+      if (document.readyState === "loading") {
+        document.addEventListener("DOMContentLoaded", () => afterFirstPaint(boot), { once: true });
+      } else {
+        afterFirstPaint(boot);
+      }
+    </script>
+`;
+
+const injectDeferredEntry = (html, entryScript) => {
+  if (html.includes(entryScript)) return html;
+
+  return html.replace("</body>", `${createDeferredEntryScript(entryScript)}  </body>`);
+};
+
 module.exports = {
   entryDir,
   resolveEntryFile,
@@ -132,4 +150,6 @@ module.exports = {
   getGameModScripts,
   orderEntryImports,
   cleanClientOutput,
+  createDeferredEntryScript,
+  injectDeferredEntry,
 };

package/src/client/vite.config.js

@@ -10,9 +10,10 @@ const {
   getGameModScripts,
   orderEntryImports,
   cleanClientOutput,
+  injectDeferredEntry,
 } = require("./utils");
 
-const buildChunkPattern = /^(index|uis|bundle|web)\.[a-zA-Z0-9_-]+\.js$/;
+const buildChunkPattern = /^(index|entry|uis|bundle|web)\.[a-zA-Z0-9_-]+\.js$/;
 const legacyChunkPattern = /^vendors\.[a-zA-Z0-9_.-]+$/;
 
 const isClientOutput = (asset) =>
@@ -75,9 +76,7 @@ module.exports = (rootPath, options = {}) => {
         transformIndexHtml: {
           order: "pre",
           handler(html) {
-            if (html.includes(entryScript)) return html;
-
-            return html.replace("</body>", `    <script type="module" src="${entryScript}"></script>\n  </body>`);
+            return injectDeferredEntry(html, entryScript);
           },
         },
       },
@@ -99,6 +98,9 @@ module.exports = (rootPath, options = {}) => {
       emptyOutDir: false,
       minify: !isDev,
       watch: options.watch ? {} : null,
+      modulePreload: {
+        resolveDependencies: (_filename, deps, { hostType }) => (hostType === "html" ? [] : deps),
+      },
       assetsInlineLimit: (filePath) => (/\.(jpe?g|png|gif|svg)$/i.test(filePath) ? Number.POSITIVE_INFINITY : 4096),
       rolldownOptions: {
         input: htmlFile,