Vite+Vue使用外部CDN引用element-plus全家桶
152 字
1 分钟
Vite+Vue使用外部CDN引用element-plus全家桶

参考:vue3+vite2增加element-plus的CDN链接打包构建
网上 Vite.js 的资料少,踩了不少坑 在掘金中找到一篇资料,但还是避免不了遇到了一些奇奇怪怪的问题
我这边使用的 vite-plugin-cdn-import 插件

编辑 vite.config.ts
import { Plugin as importToCDN } from "vite-plugin-cdn-import";importToCDN({ modules: [ { name: "vue", var: "Vue", path: "//unpkg.com/vue@next", }, { name: "vuex", var: "Vuex", path: "//unpkg.com/vuex@next", }, { name: "vue-class-component", var: "VueClassComponent", path: "//unpkg.com/vue-class-component@next", }, { name: "element-plus", var: "ElementPlus", path: "//unpkg.com/element-plus", css: "//unpkg.com/element-plus/dist/index.css", }, ],}),用原文中的方法会出现错误 原因参考:使用了pinia或其他依赖于vue的库
上面方式可解决
支持与分享
如果这篇文章对你有帮助,欢迎分享给更多人或打赏支持!
Vite+Vue使用外部CDN引用element-plus全家桶
https://memo.moieo.net/2022/08/05/230838/相关文章智能推荐
1
使用 Caddy 部署 Vue 等单页面Web应用
前端2023-01-25
2
Vibe Coding 实战:用 AI 从零写了一个短链接平台
前端2026-05-23
3
重装Windows 11系统后,我对开发环境进行了设置
系统重装 Windows 11 后搭建开发环境的完整记录,包括 Scoop、fnm/pnpm/npm 路径配置、VSCode 插件迁移、注册表调整等。
4
Anubis 配置安装指南:为你的网站加上 PoW 护盾
运维部署2026-08-21
5
Astro & Fuwari优化配置
前端2025-09-21
随机文章随机推荐


