vue 配置CDN加速 - studyphp

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

vue 配置CDN加速

1、首先index.html 中配置cdn 引入

<!-- 引入样式 -->
  <link rel="stylesheet" href="//cdn.bootcss.com/element-ui/2.12.0/theme-chalk/index.css">
  <!-- 引入组件库 -->
  <script src="//cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
  <script src="//cdn.bootcss.com/element-ui/2.12.0/index.js"></script>
  <script src="//cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>

2、main.js 引用

import ElementUI from \'element-ui\';
Vue.use(ElementUI)

3、build/webpack.base.conf.js 中定义声明

module.exports = {
  ...
  externals: {
    \'vue\': \'Vue\',
    \'vue-router\': \'VueRouter\',
    \'element-ui\': \'ELEMENT\',
  },

4、package.json 去除

"dependencies": {
 //"element-ui": "^2.12.0",
    //"vue": "^2.5.2",
    //"vue-resource": "^1.5.0",
    //"vue-router": "^3.0.1",
  },

记住：element 要在vue 后面，否则报错。其他的包也类似，这样 页面加载速度不能说飞快，但有质的提升

以上是 vue 配置CDN加速 - studyphp 的全部内容， 来源链接： utcz.com/z/379321.html

回到顶部