【Vue】Vue项目引入CDN加速

前言

最近领取的阿里云服务器,使用的是1M带宽,因此在加载一下样式,例如 ElementUI,Ckeditor的时候,非常的慢,所以考虑是用CDN来加速。

引入Vue和Element

首先我们需要引入的是Element的CDN加速:传送门

目前可以通过 unpkg.com/element-ui 获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用。

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

我们得到下面的最新版本,也就是 2.13.1,写入我们的index.html文件内

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>Demo</title>
</head>

<!-- 引入 CKeditor-->
<!--<script src='static/ckeditor/ckeditor.js' type="text/javascript"></script>-->

<!--引入Element 和 Vue的CDN加速-->
<link rel="stylesheet" href="https://unpkg.com/element-ui@2.13.1/lib/theme-chalk/index.css">
<script src="https://unpkg.com/vue@2.5.17/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui@2.13.1/lib/index.js"></script>

<body>
  <div id="app"></div>
  <!-- built files will be auto injected -->
</body>

</html>