diff --git a/vite.config.ts b/vite.config.ts index 71e6cbb..0f0e779 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -18,7 +18,6 @@ export default ({ mode }: { mode: string }) => { return defineConfig({ plugins: [vue(), vueDevTools(), mdPlugin({ mode: [Mode.HTML] })], - base: process.env.VITE_BASE_URL, resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)), @@ -29,5 +28,19 @@ export default ({ mode }: { mode: string }) => { '@components': fileURLToPath(new URL('./src/components', import.meta.url)), }, }, + build: { + rolldownOptions: { + output: { + codeSplitting: { + groups: [ + { + name: (moduleId: string) => moduleId.includes('node_modules') ? 'libs' : 'app', + maxSize: 1024 * 1024, + } + ] + } + } + } + } }) } diff --git a/vite.d.ts b/vite.d.ts index 7adad03..cbe831c 100644 --- a/vite.d.ts +++ b/vite.d.ts @@ -2,26 +2,11 @@ declare module '*.md' { // "unknown" would be more detailed depends on how you structure frontmatter const attributes: Record - // When "Mode.TOC" is requested - const toc: { level: string; content: string }[] - // When "Mode.HTML" is requested const html: string - // When "Mode.RAW" is requested - const raw: string - - // When "Mode.React" is requested. VFC could take a generic like React.VFC<{ MyComponent: TypeOfMyComponent }> - import React from 'react' - const ReactComponent: React.VFC - - // When "Mode.Vue" is requested - import { ComponentOptions, Component } from 'vue' - const VueComponent: ComponentOptions - const VueComponentWith: (components: Record) => ComponentOptions - // Modify below per your usage - export { attributes, toc, html, ReactComponent, VueComponent, VueComponentWith } + export { html } } declare module '*.vue'