1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue-cli3.0用cdn引入element-ui

vue-cli3.0用cdn引入element-ui

时间:2022-04-12 02:27:01

相关推荐

vue-cli3.0用cdn引入element-ui

一般项目编写完成,打包的文件都挺大的,所以吧那些常用不会改变的采用cdn引入,减小包的体积,本例子使用的是vue-cli3.0,先在vue.config.js配置externals

config.externals = {Vue: "Vue",Vuex: "Vuex","element-ui": "ELEMENT",moment: 'moment',echarts: 'echarts'}

在index.html中加入

<script src="/vue/2.6.10/vue.min.js"></script><script src="/vuex/3.0.1/vuex.min.js"></script><link href="/element-ui/2.4.5/theme-chalk/index.css" rel="stylesheet"><script src="/element-ui/2.4.5/index.js"></script><script src="/moment.js/2.24.0/moment.min.js"></script><script src="/echarts/4.2.1/echarts.min.js"></script>

将 import xxx from 'xxx’去除,这里的xxx代指你要用cdn引入的,上面已经完成,如果你要使用element-ui的Message模块,使用如下,上面的external一定要按照 “element-ui”: "ELEMENT"的写法,要用模块直接ELEMENT点出来就行

ELEMENT.Message.error('成功'); // ELEMENT成为全局变量 一定要按照上面的写法 "element-ui": "ELEMENT"

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。