vite-plugin-lazy-import

vite-plugin-lazy-import

Used for vite Lazy import js and style.

Installation

npm install vite-plugin-lazy-import -D

// vite.config.ts
import { lazyImport } from 'vite-plugin-lazy-import'

export default defineConfig({
  // ...
  plugins: [
    lazyImport({
      resolvers: [
        { lib: 'vxe-pc-ui', importStyle: 'css', esm: true }
      ]
    })
  ]
  // ...
})

Usage

// main.ts
// ...
import { VxeUI, VxeButton } from 'vxe-pc-ui'
//...

VxeUI.setConfig({})

createApp(App).use(VxeButton).mount('#app')

into this

// main.ts
// ...
import { VxeUI } from 'vxe-pc-ui/es/vxe-ui/index.js'
import { VxeButton } from 'vxe-pc-ui/es/vxe-button/index.js'
//...

VxeUI.setConfig({})

createApp(App).use(VxeButton).mount('#app')

lazyImport({
  resolvers: [
    {
      lib: 'vxe-pc-ui',
      importStyle: 'css',
      resolve ({ name }) {
        return 
      }
    }
  ]
})

License

MIT © 2019-present, Xu Liangzhan