feat: 多页面开发，纯净的全局布局示例，以iframe方式引入

12 months ago · 5e05095bff
parent 03d438a2a9
commit 5e05095bff
3 changed files with 42 additions and 0 deletions
--- a/demo/layout.html
+++ 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>
--- a/src/views/demo/layout.vue
+++ b/src/views/demo/layout.vue
@ -0,0 +1,6 @@
+<template>
+    <iframe
+        src="/demo/layout.html"
+        frameborder="0"
+    ></iframe>
+</template>
--- 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: {