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: {