//css:'https://unpkg.com/element-plus@2.3.3/dist/index.css'}, ], }) ] }) AI代码助手复制代码 使用cdn 引入 element-plus 一定也要用cdn 引入 vue、vue-demi 并且引入顺序不能出错, 注意点 ① 如果不引入vue,就会提示createElementVnode找不到,原因是在element-plus这个源码中也在使用vue这个变量 ②...
main.js importstorefrom'./store/index.js'importrouterfrom'./router.js'importAppfrom'./app.vue'import'./assets/base.scss'// 创建vue3的实例constapp=Vue.createApp(App).use(store)// 挂载vuex.use(router)// 挂载路由.use(ElementPlus)// 加载ElementPlus.mount('#app')// 挂载Vue的app实例 rout...
elementPlusScript: ` `, echartsSciprt: '' } } }), viteImagemin({ gifsicle: { optimizationLevel: 7, interlaced: false }, optipng: { optimizationLevel: 7 }, mozjpeg: { quality: 20 }, pngquant: { quality: [0.8, 0.9], speed: 4 }, svgo: { plugins: [ { name: 'removeView...
demi:'< src="//cdn.jsdelivr.net/npm/vue-demi@0.13.7"></>', elementPlus:` < src="https://cdn.jsdelivr.net/npm/element-plus@2.2.22/dist/index.full.min.js"></> `, echartsSciprt:'< src="https://cdn.jsdelivr.net/npm/echarts@5.0.2/dist/echarts.min.js"></>' } } }),...
而vue-demi是哪里来的呢,我的项目是由于element-plus引用了vue-demi,所以此时解决方案就是将vue-demi也用cdn引入。 配置详情 // vite.config.jsimport{defineConfig}from'vite'import{createHtmlPlugin}from'vite-plugin-html'importviteImageminfrom'vite-plugin-imagemin'importexternalGlobalsfrom'rollup-plugin-externa...
四:引入element-plus组件库 cdn 安装命令 引入到vite.config.ts 使用在插件中 下载element-plus 五:代码压缩 六:图片压缩 6.1 五个超强图片处理网站,使用简单,人工智能老照片修复,背景移除,在线抠图,图片压缩! 七:字蛛 字体压缩 字体在vue项目中使用
vue.config.js中进行配置,打包时不要打包这个CDN引入的文件 configureWebpack: config => { config.externals = { vue: "Vue", "vue-router": "VueRouter", axios: "axios", // 属性带-杠 就用引号否则不用 "element-ui": "element-ui",
import{defineComponent}from'vue'// 按需索取的方式引入UI库（非必须）import{ElInput}from'element-plu...
这一点其实限制了很多包,像vue就有,而ElementPlus就没有,并且大多数都是没有的 这就导致它的应用面其实不广泛 另外,虽然CDN可以加速模块的加载速度,节约服务器资源,但是它也不无缺点: 可靠性:CDN依赖于第三方服务,如果CDN服务器不稳定,那么会导致应用出问题 ...
按照element-plus 文档所言,是使用vite-plugin-style-import 如下: 代码语言:javascript 复制 import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importstyleImportfrom'vite-plugin-style-import'exportdefaultdefineConfig({plugins:[vue(),styleImport({libs:[{libraryName:'element-plus',esModule:true...