JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-05 19:41:40 +08:00
Code Issues Projects Releases Wiki Activity

fix(runtime): 使用vue-demi cdn

Browse Source
This commit is contained in:
roymondchen 2024-05-31 20:02:53 +08:00
parent b198417ad1
commit 0cd83825b7
9 changed files with 40 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
runtime/vue2/build.vite.config.ts
View File

@ -56,10 +56,10 @@ export default defineConfig(({ mode }) => {
return { return {
plugins: [ plugins: [
vue(), vue(),
externalGlobals({ 'vue-demi': 'VueDemi', vue: 'Vue' }, { exclude: [`./${mode}/index.html`] }),
legacy({ legacy({
targets: ['defaults', 'not IE 11'], targets: ['defaults', 'not IE 11'],
}), }),
externalGlobals({ vue: 'Vue' }, { exclude: [`./${mode}/index.html`] }),
], ],
root: `./${mode}/`, root: `./${mode}/`,
@ -68,17 +68,17 @@ export default defineConfig(({ mode }) => {
base: `/tmagic-editor/playground/runtime/vue2/${mode}`, base: `/tmagic-editor/playground/runtime/vue2/${mode}`,
optimizeDeps: {
exclude: ['vue-demi'],
},
build: { build: {
emptyOutDir: true, emptyOutDir: true,
sourcemap: true, sourcemap: true,
outDir: path.resolve(process.cwd(), `../../playground/public/runtime/vue2/${mode}`), outDir: path.resolve(process.cwd(), `../../playground/public/runtime/vue2/${mode}`),
}, rollupOptions: {
external: ['vue', 'vue-demi'],
resolve: { },
alias: [
{ find: /^vue$/, replacement: path.join(__dirname, 'node_modules/vue/dist/vue.esm.js') },
{ find: /^vue-demi$/, replacement: path.join(__dirname, 'node_modules/vue/dist/vue.esm.js') },
],
}, },
}; };
} }

20
runtime/vue2/dev.vite.config.ts
View File

@ -46,25 +46,13 @@ export default defineConfig({
publicDir: 'public', publicDir: 'public',
optimizeDeps: {
exclude: ['vue-demi'],
},
server: { server: {
host: '0.0.0.0', host: '0.0.0.0',
port: 8078, port: 8078,
strictPort: true, strictPort: true,
}, },
build: {
sourcemap: true,
cssCodeSplit: false,
rollupOptions: {
input: {
page: './page/index.html',
playground: './playground/index.html',
},
output: {
entryFileNames: 'assets/[name].js',
},
},
},
}); });

5
runtime/vue2/page/index.html
View File

@ -25,10 +25,13 @@
display: none; display: none;
} }
</style> </style>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-demi"></script>
</head> </head>
<body style="font-size: 14px"> <body style="font-size: 14px">
<div id="app"></div> <div id="app"></div>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script type="module" src="./main.ts"></script> <script type="module" src="./main.ts"></script>
</body> </body>
</html> </html>

5
runtime/vue2/playground/index.html
View File

@ -37,13 +37,14 @@
background-color: rgba(51, 153, 255, 0.5) !important; background-color: rgba(51, 153, 255, 0.5) !important;
} }
</style> </style>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-demi"></script>
</head> </head>
<body style="font-size: 14px"> <body style="font-size: 14px">
<div id="app" class="in-editor"></div> <div id="app" class="in-editor"></div>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script type="module" src="./main.ts"></script> <script type="module" src="./main.ts"></script>
</body> </body>
</html> </html>

16
runtime/vue3/build.vite.config.ts
View File

@ -58,10 +58,10 @@ export default defineConfig(({ mode }) => {
plugins: [ plugins: [
vue(), vue(),
vueJsx(), vueJsx(),
externalGlobals({ 'vue-demi': 'VueDemi', vue: 'Vue' }, { exclude: [`./${mode}/index.html`] }),
legacy({ legacy({
targets: ['defaults', 'not IE 11'], targets: ['defaults', 'not IE 11'],
}), }),
externalGlobals({ vue: 'Vue' }, { exclude: [`./${mode}/index.html`] }),
], ],
root: `./${mode}/`, root: `./${mode}/`,
@ -70,17 +70,17 @@ export default defineConfig(({ mode }) => {
base: `/tmagic-editor/playground/runtime/vue3/${mode}`, base: `/tmagic-editor/playground/runtime/vue3/${mode}`,
optimizeDeps: {
exclude: ['vue-demi'],
},
build: { build: {
emptyOutDir: true, emptyOutDir: true,
sourcemap: true, sourcemap: true,
outDir: path.resolve(process.cwd(), `../../playground/public/runtime/vue3/${mode}`), outDir: path.resolve(process.cwd(), `../../playground/public/runtime/vue3/${mode}`),
}, rollupOptions: {
external: ['vue', 'vue-demi'],
resolve: { },
alias: [
{ find: /^vue$/, replacement: path.join(__dirname, 'node_modules/vue/dist/vue.esm-bundler.js') },
{ find: /^vue-demi$/, replacement: path.join(__dirname, 'node_modules/vue/dist/vue.esm-bundler.js') },
],
}, },
}; };
} }

20
runtime/vue3/dev.vite.config.ts
View File

@ -48,25 +48,13 @@ export default defineConfig({
publicDir: 'public', publicDir: 'public',
optimizeDeps: {
exclude: ['vue-demi'],
},
server: { server: {
host: '0.0.0.0', host: '0.0.0.0',
port: 8078, port: 8078,
strictPort: true, strictPort: true,
}, },
build: {
sourcemap: true,
cssCodeSplit: false,
rollupOptions: {
input: {
page: './page/index.html',
playground: './playground/index.html',
},
output: {
entryFileNames: 'assets/[name].js',
},
},
},
}); });

4
runtime/vue3/package.json
View File

@ -18,11 +18,11 @@
"build:ds:event": "vite build --config build.vite.config.ts --mode ds:event" "build:ds:event": "vite build --config build.vite.config.ts --mode ds:event"
}, },
"dependencies": { "dependencies": {
"@tmagic/data-source": "1.4.7",
"@tmagic/core": "1.4.7", "@tmagic/core": "1.4.7",
"@tmagic/ui": "1.4.7", "@tmagic/data-source": "1.4.7",
"@tmagic/schema": "1.4.7", "@tmagic/schema": "1.4.7",
"@tmagic/stage": "1.4.7", "@tmagic/stage": "1.4.7",
"@tmagic/ui": "1.4.7",
"@tmagic/utils": "1.4.7", "@tmagic/utils": "1.4.7",
"@tmagic/vue-runtime-help": "^0.0.3", "@tmagic/vue-runtime-help": "^0.0.3",
"axios": "^0.25.0", "axios": "^0.25.0",

4
runtime/vue3/page/index.html
View File

@ -25,11 +25,13 @@
display: none; display: none;
} }
</style> </style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.4.21/vue.global.prod.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-demi"></script>
</head> </head>
<body style="font-size: 14px"> <body style="font-size: 14px">
<div id="app"></div> <div id="app"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.4.21/vue.global.prod.min.js"></script>
<script type="module" src="./main.ts"></script> <script type="module" src="./main.ts"></script>
</body> </body>
</html> </html>

6
runtime/vue3/playground/index.html
View File

@ -37,11 +37,13 @@
background-color: rgba(51, 153, 255, 0.5) !important; background-color: rgba(51, 153, 255, 0.5) !important;
} }
</style> </style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.4.21/vue.global.prod.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-demi"></script>
</head> </head>
<body style="font-size: 14px"> <body style="font-size: 14px">
<div id="app" class="in-editor"></div> <div id="app" class="in-editor"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.4.21/vue.global.prod.min.js"></script>
<script type="module" src="./main.ts"></script> <script type="module" src="./main.ts"></script>
</body> </body>
</html> </html>