读vue-cli3 官方文档的一些学习记录
2024-10-20 07:53:23
原来一直以为vue@cli3 就是创建模板的工具，读了官方文档才知道原来这么有用，不少配置让我长见识了
Prefetch 懒加载配置
懒加载相信大家都是知道的，使用Import() 语法就可以在需要的时候加载了，但是读了官方文档Prefetch一节后，发现事情并没有想象的那么简单。
文档写的很清楚，Prefetch是在空闲的时候就加载一些不着急的文件，并且import默认是加上了Prefetch的，也就是说你使用了import可能并不是你想要的结果(比如用户点击某个按钮才触发加载，不然永远不加载，这样可以节省流量)，
为了验证写了个小用例测试了下，最后看network发现真的是就算你懒加载了，但是等程序空闲了并且父级区块加载了，他还是会提前加载你可能需要的文件。
怎么关闭呢，文档也说的很清楚
打包现代模式
之前看性能优化的文章有提到过，因为babel转义会使代码执行变慢，但是为了兼容又需要转义，解决办法是生成2套代码，现代浏览器使用不转义的代码，老浏览器使用转义的代码，使用type="module"来区分是哪种浏览器，现在vue-cli3已经给你做好配置了，你只需要加一个参数就能使用了，真爽~
文档地址： https://cli.vuejs.org/zh/guide/browser-compatibility.html#现代模式
最新文章
- 浅谈iptables 入站 出站以及NAT实例
- 输出 Office 报表
- [转]python问题：IndentationError:expected an indented block错误解决
- Java基础--serialVersionUID
- P1905生活大爆炸版 石头剪刀布
- DirectX API 编程起步 #01 项目设置
- SourceTree - 正在检查源... When cloning a repository, "Checking Source" spins forever
- make_head,,,pop_head,,,push_head,,,sort_head..
- Agile.Net 组件式开发平台 - 数据报表组件
- @Resource和@Autowired的区别
- android系统网络信号强弱参数之ecsq指令参数说明
- maven POM.xml 标签详解
- Cluster Table
- JS中的函数、BOM和DOM操作
- pyhon----函数和方法的关系
- C# 根据Excel生成树
- indeed招聘
- 【转载】Chrome插件开发 尝试
- Is It A Tree?----poj1308
- tomcat源码阅读之过滤器