您好,欢迎光临本网站![请登录][注册会员]  
文件名称: 详解Webpack如何引入CDN链接来优化编译后的体积
  所属分类: 其它
  开发工具:
  文件大小: 50kb
  下载次数: 0
  上传时间: 2020-12-29
  提 供 者: weixin_********
 详细说明:背景 在 Vue 项目中,引入到工程中的所有 js 文件,编译时都会被打包进 vendor.js,也就导致了 vendor.js 文件体积变得相当臃肿,一定程度上影响着页面的渲染。为了减少编译后的体积,提高页面渲染速度,我们可以通过引入 CDN 链接把库分离,多线程异步 js 库,从而达到加速渲染的目的。那么我们如何做呢? 步骤 1.引入CDN链接 在项目的 index.html 中,常规方式引入 CDN 链接,此处以 vue 和 element-ui 为例: