组件库没有按需加载功能

Question

老师我根据文档安装了组件库包，通过按需加载方式引入的包并没有按需加载，组件样式没有加载到项目里，还要全局引入整个样式库才行

<template>
  <Button>我是 VkButton</Button>
</template>
<script>
  import { Button } from ' @vikingmute/v-element'
  export default {
    components: { Button },
  }
</script>

Answer 1

张轩 2023-08-09 09:12:30

同学你好

1 样式是全局生成的，所以是要单独加载的，文档中有描述。这也是挺多组件库的做法。可以参考 element-plus：

https://element-plus.gitee.io/zh-CN/guide/quickstart.html#%E5%AE%8C%E6%95%B4%E5%BC%95%E5%85%A5

2 按需加载应该是支持的，因为 vite 打包生成的都是 es modules，这个我晚点的时候再研究一下。

• 提问者 rookie_white #1

  我意思是，组件JS是可以按需加载，但不用全局引入样式，而是加载特定组件的样式即可，这样才叫按需加载吧