首页 > 其他分享 >Vue 项目优化解决方案 有哪些 ?

Vue 项目优化解决方案 有哪些 ?

时间:2022-11-08 23:15:14浏览次数:47  
标签:ps 插件 Vue 哪些 版本号 解决方案 cdn base64 打包

1. 打包的时候 , 通过插件把css代码单独抽离出来使用 link 引入 

2. 打包的时候 , 通过webpack内置插件optimization  把 公共的js代码抽离出来 

  ps:打包之后,代码冗余,体积大 ,原因是 相同的模块 在不同的入口之间没有得到复用 ,bundle 之间比较独立 ,bundle就是打包产出的文件 ;

3. 使用 cdn 引入组件库

  ps:CDN 的缺点 : 第三方服务器不稳定 ;需要查看CDN的版本号和项目使用的版本号对应 ;配置cdn的时候要直到组件库的全局变量 ;

4. 小图片使用 base64格式 

  ps:因为使用base64比源文件体积大30%左右,但是好在没有网络开销,大图片就不合适了

5. 开启Gzip 压缩 

标签:ps,插件,Vue,哪些,版本号,解决方案,cdn,base64,打包
From: https://www.cnblogs.com/zhulongxu/p/16871593.html

相关文章

  • Servlet的生命周期; Java IO流处理 ; python有点意思; matlab; 为什么要使用构造方法?JavaB
    Servlet的生命周期Servlet的生命周期主要有三个方法:init()初始化阶段service()处理客户端请求阶段destroy()终止阶段pagehelper怎么使用的​​https://pagehelper.github.......
  • vue - vue基础/vue核心内容(2)
    今天的内容书接上回,同样是vue的核心基础部分,今天偏向于理论性,特别是vue对于数据对象的监测那一块,刚开始琢磨了半天,这股劲一过,现在好理解多了10.watch和computed对比计算属......
  • VUE中的路由router
    首先,需要下载去​​Vue.js官网​​​或者​​Vue.js菜鸟教程​​​下载​​vue-router.js插件​​。vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建......
  • 基于VUEX的公共存储器store的快速上手流程
    vuex的快速安装与使用​​store公共存储器​​​​state.js添加数据元​​​​mutations.js创建一个方法​​​​在组件中提交:​​​​在组件中使用:​​store公共存储器在使......
  • Vue Router
    VueRouter1.1相关理解1.1.1​​vue-router​​的理解​​Vue​​​的一个插件库,专门用来实现​​SPA​​应用1.1.2对​​SPA​​应用的理解单页​​Web​​应用......
  • vuex 刷新页面 数据不丢失的方法
    exportdefault{name:'app',//加入以下代码解决页面刷新时vueX数据丢失created(){//在页面刷新时将vuex里的信息保存到sessionStorage里window.ad......
  • js对象属性继承的方式都有哪些
    对象属性继承原型继承-实现方式:将子类构造函数的原型指向父类构造函数的实例对象+改变了子类构造函数的原型指向实现继承+则子类构造函数实例对象的原型指向......
  • CSS框架 --- Windin.css + vite + vue3.0 + Vscode的配置
    前沿:一款轻量级的css库类似于bootstrap的css库但是更轻量不会初始化就全量加载进来  按需加载前端开发中可以减少很多样式代码减少冗余样式代码非常nice!官网......
  • 数据不平衡问题的解决方案研究
    目标检测目前最困难的事情:漏检:无法把前景检测出来,个人认为,最简单的加数据解决误检:把背景检测为前景,也叫开放域识别问题。非常困难的事情。有人基于度量学习解决。主要......
  • go语言 cmd执行命令,遇到空格或者双引号无法执行成功的解决方案
    大部分go执行cmd命令都是,我也是这样写的packagemainimport("fmt""os/exec")funcmain(){cmdExec := `cmd /c "D:\test test\AnyDesk.exe"`......