html cdn引入element-ui,关于Vue使用CDN引用ElementUI

关于Vue使用cdn引用ElementUI

前言

最近自己做一个小网站,因为服务器性能不是很好,导致不大的项目加载特别慢,一个页面超过十几秒,看了下,主要是图片和压缩整合后的js及css,尤其是chunk-vendors的js和css,上网查了下,chunk-vendors主要是组件和依赖,所有特别大。后来打算使用CDN的方式。

使用过程及问题解决

最开始我仅通过CDN引入vue-router和axios,按照网上大部分的做法,没有问题,但是在我引入elementUI后,网页就报错找不到对应使用的组件了,在网上查解决办法,给配置文件的属性值全大写并没有用,后来在别人的一个博客上看到说

必须将vue也用CDN引入的方式elementUI才能用,

oh god,真坑啊。

下面介绍我的使用:

index.html引入cdn依赖 :

vue.config.js配置组件 :(我的开发版本需要自己建config.js)

1dad1b221d8d9aa7721c2cb63c4e0fc0.png

去掉组件的import :

// import Vue from 'vue' 去掉vue引入

//去掉 element ,主要vue.vue(ElementUI)也要去掉

// element ui

// import ElementUI from 'element-ui'

// import 'element-ui/lib/theme-chalk/index.css';

// Vue.use(ElementUI)

本文地址:https://blog.csdn.net/cheeseC/article/details/107383133

原文链接:https://blog.csdn.net/weixin_35292208/article/details/117937252?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165934458816782425171677%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165934458816782425171677&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-18-117937252-null-null.nonecase&utm_term=%E8%87%AA%E5%BB%BAcdn

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/7643

(0)
上一篇 2022年8月11日
下一篇 2022年8月11日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml