import { defineConfig } from 'vite'
import uni from '@dcloudio/vite-plugin-uni'
import { visualizer } from 'rollup-plugin-visualizer'
import importToCDN from 'vite-plugin-cdn-import'
// https://vitejs.dev/config/
export default defineConfig({
base: './',
plugins: [
uni(),
importToCDN({
modules: [
{
name: 'lodash',
var: '$_',
path: 'https://unpkg.com/lodash@4.17.21/lodash.js',
},
{
name: 'swiper',
var: 'Swiper',
path: 'https://unpkg.com/swiper@11.1.14/swiper-bundle.js',
css: 'https://unpkg.com/swiper@11.1.14/swiper-bundle.min.css',
},
{
name: 'vue',
var: 'Vue',
path: 'https://unpkg.com/vue@3.5.12/dist/vue.global.js',
},
{
name: 'element-plus',
var: 'ElementPlus',
path: 'https://unpkg.com/element-plus',
css: 'https://unpkg.com/element-plus/dist/index.css',
},
],
enableInDevMode: true
}),
visualizer({
open: true, // 自动打开浏览器
filename: 'visualizer.html' //分析图生成的文件名
})
]
})

- 发布:2024-11-18 09:07
- 更新:2024-11-18 09:07
- 阅读:107
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows 10 家庭中文版(22H2)
浏览器平台: Edge
浏览器版本: 130.0.2849.80 (正式版本) (64 位)
项目创建方式: CLI
CLI版本号: 5.0.8
示例代码:
操作步骤:
用脚手架创建uniapp项目,配置vite.config.js将Element Plus依赖使用cdn,项目无法正常运行。
用脚手架创建uniapp项目,配置vite.config.js将Element Plus依赖使用cdn,项目无法正常运行。
预期结果:
项目正常运行
项目正常运行
实际结果:
报错找不到Comment
报错找不到Comment
bug描述:
依赖vue的组件库无法正常使用cdn,其他正常。

