Vite+Vue使用外部CDN引用element-plus全家桶

网上 Vite.js 的资料少，踩了不少坑在掘金中找到一篇资料，但还是避免不了遇到了一些奇奇怪怪的问题

我这边使用的 vite-plugin-cdn-import 插件

编辑 vite.config.ts

1
import { Plugin as importToCDN } from "vite-plugin-cdn-import";

1
importToCDN({
2
  modules: [
3
    {
4
      name: "vue",
5
      var: "Vue",
6
      path: "//unpkg.com/vue@next",
7
    },
8
    {
9
      name: "vuex",
10
      var: "Vuex",
11
      path: "//unpkg.com/vuex@next",
12
    },
13
    {
14
      name: "vue-class-component",
15
      var: "VueClassComponent",
16
      path: "//unpkg.com/vue-class-component@next",
17
    },
18
    {
19
      name: "element-plus",
20
      var: "ElementPlus",
21
      path: "//unpkg.com/element-plus",
22
      css: "//unpkg.com/element-plus/dist/index.css",
23
    },
24
  ],
25
}),

用原文中的方法会出现错误原因参考：使用了pinia或其他依赖于vue的库

上面方式可解决