所在的位置: js >> js市场 >> vue中使用cdn加载资源

vue中使用cdn加载资源

中科白癜风抗复发治疗 https://disease.39.net/bjzkbdfyy/230823/t3ceu27.html
概述

搭建vue的时候,一般都使用vue官方推荐的命令行工具。需要打包的时候,默认会把所有代码合并生产新文件,其中包括各种库,就会导致打包出来很大。如果使用cdn的话,会更利于程序的加载速度。

在Vue项目中,引入到工程中的所有js、css文件,编译时都会被打包进vendor.js,浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多,那么vendor.js文件体积将会相当的大,影响首开的体验。

解决方法是,将引用的外部js、css文件剥离开来,不编译到vendor.js中,而是用资源的形式引用,这样浏览器可以使用多个线程异步将vendor.js、外部的js等加载下来,达到加速首开的目的。

外部的库文件,可以使用CDN资源,或者别的服务器资源等。

下面,以引入vue、vuex、vue-router为例,说明处理流程。

资源引入

在index.html中,添加CDN资源,例如bootstrap上的资源:

body

divid="app"/div

scriptsrc="


转载请注明:http://www.aierlanlan.com/rzdk/7708.html

  • 上一篇文章:
  •   
  • 下一篇文章: