diff --git a/demo/layout.html b/demo/layout.html
new file mode 100644
index 0000000..1ce18ad
--- /dev/null
+++ b/demo/layout.html
@@ -0,0 +1,35 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta
+            http-equiv="X-UA-Compatible"
+            content="IE=edge,chrome=1"
+        />
+        <meta
+            name="renderer"
+            content="webkit"
+        />
+        <meta
+            name="viewport"
+            content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
+        />
+        <title>vue3-mgt-template</title>
+        <link
+            rel="icon"
+            href="/favicon.ico"
+        />
+        <script>
+            window.process = {};
+        </script>
+    </head>
+
+    <body>
+        <div id="app">
+            <h1>Welcome to vue3-mgt-template</h1>
+        </div>
+    </body>
+</html>
+<script>
+    console.log(111);
+</script>
diff --git a/src/views/demo/layout.vue b/src/views/demo/layout.vue
new file mode 100644
index 0000000..c37e18f
--- /dev/null
+++ b/src/views/demo/layout.vue
@@ -0,0 +1,6 @@
+<template>
+    <iframe
+        src="/demo/layout.html"
+        frameborder="0"
+    ></iframe>
+</template>
diff --git a/vite.config.ts b/vite.config.ts
index 5b11c0f..5b08d0f 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -38,6 +38,7 @@ export default ({ mode }: ConfigEnv): UserConfigExport => {
             rollupOptions: {
                 input: {
                     index: pathResolve('./index.html', import.meta.url),
+                    demo: pathResolve('./demo/layout.html', import.meta.url),
                 },
                 // 静态资源分类打包
                 output: {
