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

﹏ヽ暗。殇╰゛Y 2023-06-17 04:57 13阅读 0赞

一般项目编写完成，打包的文件都挺大的，所以吧那些常用不会改变的采用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="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
      <script src="https://cdn.bootcss.com/vuex/3.0.1/vuex.min.js"></script>
      <link href="https://cdn.bootcss.com/element-ui/2.4.5/theme-chalk/index.css" rel="stylesheet">
      <script src="https://cdn.bootcss.com/element-ui/2.4.5/index.js"></script>
      <script src="https://cdn.bootcss.com/moment.js/2.24.0/moment.min.js"></script>
      <script src="https://cdn.bootcss.com/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"

发表评论取消回复

表情：

评论列表（有 0 条评论，13人围观）

还没有评论，来说两句吧...

相关阅读

相关 jsp中引入ElementUI

Jsp中引入ElementUI得用js引入的方式了，要引入的资源： [https://download.csdn.net/download/weixin\_42884584

客官°小女子只卖身不卖艺/ 2023年06月29日 05:39/ 0 赞/ 90 阅读

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

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

﹏ヽ暗。殇╰゛Y/ 2023年06月17日 04:57/ 0 赞/ 14 阅读

相关 vuecli3.0全局引入jquery

之前使用jquery都是每个组件引入 import $ from 'jquery' 这种方式需要在每个要使用jquery的组件里面引入一下，比较麻烦，分享一下全局引

约定不等于承诺〃/ 2023年06月15日 09:53/ 0 赞/ 79 阅读

相关 HTML,bootstrap等引入vue,elementui 等；bootstrap 引入elementui

在非vue项目引用elementUI样式, 注意:数据定义 `data: function () {}` 而非data: () \{\} 方法一(通过 CDN 的方式加载

我就是我/ 2023年01月02日 02:20/ 0 赞/ 348 阅读

相关 vuecli+elementUI+vue-router+vueX

引入element ui: 1.下载 npm i element-ui -S vue add element 2.在main.js中写入

忘是亡心i/ 2022年12月27日 01:29/ 0 赞/ 276 阅读

相关快速部署vuecli3 vuecli搭建 vuecli

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

本是古典何须时尚/ 2022年12月22日 11:07/ 0 赞/ 381 阅读

相关 cdn引入

http://www.staticfile.org/ 所有开源库！！！！目录 http://www.staticfile.org/ vue.js axios

偏执的太偏执、/ 2022年12月22日 01:00/ 0 赞/ 335 阅读

相关 React cdn引入

<script src="https://cdn.bootcdn.net/ajax/libs/react/16.13.1/umd/react.production.mi

矫情吗；*/ 2022年10月11日 12:10/ 0 赞/ 268 阅读

相关 Vue中引入ElementUI库

ElementUI,是一个比较完善的UI库，但是使用它需要有一点vue的基础。安装ElementUI模块 cnpm install element-ui -S

我不是女神ヾ/ 2022年06月13日 08:37/ 0 赞/ 317 阅读

相关 CDN 是什么、CDN 引入

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] CDN 的全称是 Content Delivery N

川长思鸟来/ 2022年03月31日 12:42/ 0 赞/ 1230 阅读