vue项目CDN引入

2023-11-12

注:一些对系统并不是至关重要的文件诸如字体文件、css重置、js小插件、背景图片等可能适合使用CDN,因为即使CDN文件不可用,网站也能做到平稳退化。

第一步:public/index.html 里⬇️

注:需引入vue并且main.js中正常引入,但element-ui就无需引入,可以直接使用
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> // element-ui的css
  </head>
  <body>
    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script> // vue引入,必须放在第一个
    <script src="https://cdn.bootcss.com/element-ui/2.3.3/index.js"></script> // element-ui引入
    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=自己的ak"></script> // 百度地图引入,注意替换掉自己的ak
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.1/echarts.common.js"></script> // echarts引入
  </body>
</html>

第二步:vue.config.js中⬇️

module.exports = {
  chainWebpack: config => {
    config.set('externals', {
      vue: 'Vue',
      'element-ui': 'ELEMENT',
      BMap: 'BMap', // 百度地图
      echarts: 'echarts'
      // 'vue-quill-editor': "VueQuillEditor", // 富文本
    })
    return config
  }
}

免费CDN网站,在里面前端大部分插件等都能找到,BootCDN2018年中挂过一次

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue项目CDN引入 的相关文章

  • Angular - 如何从 DOM 中删除我使用过 $compile 的元素?

    我需要的是两个 ng views 的功能 因为我不能 我想更改某些内容的innerHTML 并编译它 我遇到的问题是 当我再次更改内容时 我可以编译 但是 Angular 是否会自行删除绑定 或者我必须手动执行此操作 如果是这样 怎么办 编
  • 由于 apollo-client 未定义,无法解构 GraphQL 查询?

    我正在寻找调试与错误消息相关的问题 未捕获的类型错误 无法解构 0 apollo client WEBPACK IMPORTED MODULE 4 useQuery 因为它未定义 Context 我正在为我的 React js 项目设置后端
  • 渲染货币和符号并与来自不同单元格的数据相结合

    我正在使用最新的 jQuery DataTables v1 10 7 我正在尝试将数字解析为以下格式 239 90 USD 我可以使用此命令使货币正常工作 columns data Price render fn dataTable ren
  • Eslint errorring 导入没有扩展名的 jsx

    我正在尝试在 es6 中导入 jsx 文件而不需要 jsx 扩展名 import LoginErrorDialog from LoginErrorDialogView Not import LoginErrorDialog from Log
  • Javascript Promise“then”始终运行,即使 Promise 未能执行

    我希望当调用第二个 then 时不执行第三个 then 但是 即使 Promise 被拒绝 调用第二个 then 并且代码返回 rejected 然后返回 undefined 它仍然调用第三个 then 如何不运行第三个 then 这样 未
  • 如何在react-bootstrap中禁用表单提交的

    在下面的代码片段中 我有许多文本类型的输入表单 如果用户点击 我似乎会得到相同的合成事件 就像他们按下提交按钮一样 我想忽略作为表单提交 只允许一个人按下 提交 按钮 我删除了一些表单组以减少示例 在所有情况下 按钮或 ENTER 键 e
  • Snap.svg - 停止在可悬停元素的子元素上重新触发悬停事件

    对于一个项目 我使用的 SVG 形状由背景多边形和背景多边形上方的一些文本 我已将其转换为路径 组成 我正在使用 Snap svg 为我的形状设置动画 当我将鼠标悬停在多边形上时 形状应该缩放到特定尺寸 包括其中的所有内容 鼠标移开时 形状
  • 使用 CSS 或 Javascript 填充动画

    我只是想知道是否可以使用 CSS 或 javascript 创建填充动画 基本上我想创建一个填充动画 如下图所示 http i40 tinypic com eit6ia png http i40 tinypic com eit6ia png
  • 在 HTML5 画布中,如何用我选择的背景遮盖图像?

    我试图用画布来实现这一点 globalCompositeOperation 但没有运气 所以我在这里问 这里有类似的问题 但我没有在其中找到我的案例 我的画布区域中有图层 从下到上的绘制顺序 画布底座填充纯白色 fff 用fillRect
  • Javascript split 不是一个函数

    嘿朋友们 我正在使用 javascript sdk 通过 jQuery facebook 多朋友选择器在用户朋友墙上发布信息 但是我收到此错误friendId split 不是函数 这是我的代码 function recommendToFr
  • Vuejs 2:去抖动不适用于手表选项

    当我在 VueJs 中反跳此函数时 如果我提供毫秒数作为原语 它就可以正常工作 但是 如果我将其提供为对 prop 的引用 它会忽略它 这是道具的缩写版本 props debounce type Number default 500 这是不
  • 日期出现奇怪的错误,“未捕获非法访问”

    所以我试图找到最新的DateJavascript 可以处理 我把它减少到 9 月 275760 并增加了我开始捕获未捕获的天数illegal access例外new Date 09 24 275760 to new Date 10 13 2
  • Three.js 各种大小的粒子

    我是 Three js 的新手 正在尝试找出添加 1000 个粒子的最佳方法 每个粒子都有不同的大小和颜色 每个粒子的纹理是通过绘制画布创建的 通过使用粒子系统 所有粒子都具有相同的颜色和大小 为每个粒子创建一个粒子系统是非常低效的 有没有
  • 如何使用 crypto-js 解密 AES ECB

    我正在尝试将加密数据从 flash 客户端 发送到服务器端的 javascript 在 asp 中作为 jscript 运行 有几个 javascript Aes 库 但它们实际上没有文档记录 我正在尝试使用 crypto js 但无法让代
  • 在 JavaScript 循环之外声明变量可以提高速度和内存?

    C 也有类似的问题 但我们没有看到 JavaScript 的任何问题 在循环内声明变量是否可以接受 假设循环有 200 次迭代 使用样本 2 相对于样本 1 是否有性能要求 内存和速度 我们使用 jQuery 来循环 它提高了我们将 var
  • 在 Javascript 中连接空数组

    我正在浏览一些代码 我想知道这有什么用处 grid push concat row 根据我的理解 它等同于 grid push row 为什么要大惊小怪 连接 你想使用 concat当您需要展平数组并且没有由其他数组组成的数组时 例如 va
  • 在 Shopify 商店中嵌入 Vue 组件

    在产品页面中 我尝试显示自定义 Vue 组件 为简洁起见 该组件根据给定的产品 ID 显示 Firebase 数据库中的一些信息 我最初尝试将其制作为 Shopify 应用程序 以便我可以访问他们的 API 我实现了 OAuth 并且可以检
  • Javascript - 水波纹效果

    我需要 JS 上的脚本 它将以 水波纹 样式更改 images html 抱歉 6MB GIF 文件 http fcuunited ru temp listening2 gif http fcunited ru temp listening
  • 从 FileReader 设置背景图像样式

    我正在寻找一种解决方案 允许我从文件上传输入中获取文件并通过设置 document body style backgroundImage 来预览它 以下代码用于在 Image 元素中显示预览 function setImage id tar
  • 在 CKEditor 中设置字体大小和字体系列

    我正在使用 ckeditor 我想问一下这个插件如何设置font family和font size 我尝试过使用 CKEDITOR config font defaultLabel Arial CKEDITOR config fontSiz

随机推荐

  • 运行时错误:Error: free(): invalid next size (fast)

    经查 这通常发生在C C 混合编程时候调用的内存分配 释放接口不配对时 即malloc分配的内存 却用了delete或者new出来的对象 却用了free 只要确保 malloc free new delete配对 该问题就消失了
  • Promise的Catch报错总结

    在使用Promise时 异步返回的结果可能会两种 一种是使用resolve返回 另一种是使用reject返回 当使用reject返回时 会throw一个Error出来 这时的这个Error需要Catch住 在Promise中Catch一个E
  • 1600*B. Jumping Jack(数学&&找规律)

    解析 一直往右条 直到第一次超过 x 如果当前和目标点 p x为偶数 则 p x 2 的那一步向左跳 这样会少跳 p x 正好补在多跳的这一段 如果为奇数 则不能除2 则继续跳 直到距离为偶数即可 x和x答案一样 include
  • java中this的使用

    一 本类中方法 属性 构造器的调用 1 属性的调用 当构造器中初始化对象的时候 如果形参名与属性名相同 这时候可以在等号左边的属性前面加上this表示 这个指向的是类的属性而不是指向形参 2 方法的调用 3 构造器的调用 1 在定义含参构造
  • kafka的核心参数配置

    2 kafka配置参数 broker id broker的id id是唯一的非负整数 集群的broker id不能重复 log dirs kafka存放数据的路径 可以是多个 多个使用逗号分隔即可 port server接受客户端连接的端口
  • 项目管理是做什么?

    项目管理在大企业中应用比较多 那么项目管理是做什么 项目管理能够为企业起到什么作用 1 什么是项目 项目是为完成一款产品 一项服务或者一种可交付成果进行的临时性任务 也就是说项目具有一个范围 时间等特性 需要在某一个时间段完成某一范围内的任
  • 25章 SPI—读写串行FLASH

    SPI 协议简介 3 条总线分别为SCK 时钟 MOSI 主出从入 MISO 主入从出 片选线为SS1 2 3 从设备 多少设备也就这三条ss MOSI和MISO能看出是全双工 输入输出两条线 可同时使用 NSSx下降沿选中当前设备 上升沿
  • requests方法的post请求方式

    0x01前言 对post请求方式 我们需要明确表单内容的类型 一般情况下 直接提交data参数即可 但如果前端对此有所校验 就需要根据实际情况进行调整 0x02常见的post方式 post form data 这里我自己搭建了个简单的登陆界
  • 文献可视化--vosviewer入门

    VOSviewer是一个用于构建和可视化文献计量网络的软件工具 这些网络可以例如包括期刊 研究人员或个人出版物 并且它们可以基于引用 书目耦合 共同引用或共同作者关系来构建 VOSviewer还提供文本挖掘功能 可用于构建和可视化从科学文献
  • 【论文精读】ACVNet: Attention Concatenation Volume for Accurate and Efficient Stereo Matching

    这是一篇CVPR 2022的文章 基于一种新颖的注意力权重代价体构建方法 设计了一种网络结构 用以立体匹配 视差估计 双目深度估计 原文链接 ACVNet 代码链接 https github com gangweiX ACVNet Abst
  • 华为od机考题目-敏感字段加密

    字符串长度小于等于127字符 只包含大小写字母数字下划线和偶数个双引号 命令字之间以一个或者多个下划线进行分隔 可以通过两个双引号来标识包含下划线d 的命令字或者空命令字 while 1 try k int input nums input
  • opencv (三十八)图像形态学—膨胀

    小白学视觉 笔记 扩展 include
  • 解决 Mac 左滑浏览器默认的返回事件

    阻止 document body style overscrollBehaviorX none 恢复 document body style overscrollBehaviorX auto 参考 https juejin cn post
  • 【MyCat简单介绍】

    1 MyCat简介 MyCat是MySQL分库分表的利器 MyCat的核心功能是分库分表 其配置数据库的主从模式还可实现读写分离 MyCat 是什么 MyCat是目前最流行的基于java语言编写的数据库中间件 是一个实现了MySQL协议的服
  • 图漾相机—windows- Python SDK(官网下载编译)

    文章目录 一 安装依赖 二 下载swig和SDK swig下载连接 https www swig org https www swig org 下载python SDK 下载 Windows Camport3 SDK 三 配置python和
  • 安卓 Android 11、12 不使用第三方 Recovery TWRP 刷入 Magisk v22+ 支持联发科

    测试机型 小米 10 至尊纪念版 Mi 10 Ultra 今天把 MIUI 版本更新到了 12 1 1 发现安卓版本升到了 11 接下来我就正常想刷 wzsx150 大佬的 TWRP 发现刷上去挂载不了 data 不支持安卓 11 网上搜索
  • uni-app 中使用uview生成测试小程序后报错:pleaseSetTranspileDependencies is not defined

    这是一篇踩坑文 记录一个uni app中的坑点 在uni app 中使用uview后在生成小程序后第一次编译时控制台报了这么一个错 在检查了许久的原因后最后找到的解决办法是 在文件 common vendor js 中搜索并删除下面这句话
  • 雷电模拟器中无法登录微信且抖音等视频类应用无法观看视频

    IP受限制解除 https jingyan baidu com article b2c186c83bb443c46ff6ff64 html 转载于 https www cnblogs com ysgcs p 9801374 html
  • docker容器开启mysql的binlog

    在宿主机的conf d里面创建my cnf 添加以下内容 mysqld binlog格式 binlog format mixed 存放地址 注意这个地址是docker容器里面的地址 不是宿主机里面的地址 log bin var lib my
  • vue项目CDN引入

    注 一些对系统并不是至关重要的文件诸如字体文件 css重置 js小插件 背景图片等可能适合使用CDN 因为即使CDN文件不可用 网站也能做到平稳退化 第一步 public index html 里 注 需引入vue并且main js中正常引