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

feat(runtime): vue3使用dynamicImport

Browse Source
This commit is contained in:
roymondchen 2022-09-22 15:22:18 +08:00 committed by jia000
parent c817ad6bb6
commit a16a7e6a4d
3 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
runtime/vue2/page/main.ts
View File

@ -36,9 +36,7 @@ const app = new Core({
});
Object.keys(components).forEach((type: string) => {
const component = components[type];
Vue.component(`magic-ui-${type}`, component);
app.registerComponent(type, component);
Vue.component(`magic-ui-${type}`, components[type]);
});
Object.values(plugins).forEach((plugin: any) => {

9
runtime/vue3/page/main.ts
View File

@ -16,12 +16,12 @@
* limitations under the License.
*/
import { createApp } from 'vue';
import { createApp, defineAsyncComponent } from 'vue';
import Core from '@tmagic/core';
import { getUrlParam } from '@tmagic/utils';
import components from '../.tmagic/comp-entry';
import components from '../.tmagic/async-comp-entry';
import plugins from '../.tmagic/plugin-entry';
import request from './utils/request';
@ -33,7 +33,10 @@ const magicApp = createApp(AppComponent);
magicApp.use(request);
Object.entries(components).forEach(([type, component]: [string, any]) => {
magicApp.component(`magic-ui-${type}`, component);
magicApp.component(
`magic-ui-${type}`,
defineAsyncComponent(() => component),
);
});
Object.values(plugins).forEach((plugin: any) => {

1
runtime/vue3/tmagic.config.ts
View File

@ -5,4 +5,5 @@ import { defineConfig } from '@tmagic/cli';
export default defineConfig({
packages: [path.join(__dirname, '../../packages/ui')],
componentFileAffix: '.vue',
dynamicImport: true,
});