Vue3.0优化----Api重构为可做摇树优化

作者: 有一种感动叫做丶只有你懂 | 来源:发表于2021-03-20 16:39 被阅读0次

vue2.0中不少global-api是作为静态函数直接挂在构造函数上的，例如Vue.nextTick(),如果我们从未在代码中使用过他们，就会形成dead code,这类global-api造成的dead code，并且无法使用webpack的tree-shaking排除掉

import Vue from "vue;
Vue.nextTick(() => {
  // something something DOM-related
})

vue3.0中做了相应的变化，将它们抽取成为独立函数，这样打包工具的摇树优化，可以将这些dead code排除掉

import { nextTick } from "vue";

nextTick(() => {
  //something
})

Vue3.0优化----Api重构为可做摇树优化
我们先了解一下什么是dead code vue2.0中不少global-api是作为静态函数直接挂在构造函数上的，...
Vue3和Vue2的区别
vue3 新增的亮点 Performance 性能优化 Tree-shaking 支持摇树优化 Compositi...
webpack 之 tree shaking
tree shaking (摇树优化) webpack 2.0中引入 tree shaking AST(抽象语法树...
idea常用快捷键记录
跳转搜索重构|优化测试
webpack 优化
代码配置优化 optimization tree shaking(摇树) 摇掉代码中未引用的部分，在webpack...
PostgreSQL Executor(3): 可优化语句的执行
可优化语句经过优化器优化后生成查询计划树，并由Executor执行。Executor对外有四个接口函数：Execu...
网页性能优化
优化api 优化api 时在api / index.js 中用这种引入方法导入所有分文件api的按需导入, 在按需...
iOS开发-代码优化系列之一-controller瘦身
最近项目重构，把重构中做的事情分享下，姑且称之为代码优化系列吧。从controller入手。重构前我们的一个主界...
好的重构与不好的重构
一直以来，我的心头都萦绕着这个问题。如何做好重构？程序员们热衷于重构。重构可以彰显技术强项、可以优化软件性能、可...
webapck摇树优化(tree shaking)
概念摇树是一种消除死代码的方法，应用程序的依赖项是树状结构，树的每个节点都代表了一个依赖项，这些依赖项为应用程序...

网友评论

本文标题：Vue3.0优化----Api重构为可做摇树优化

本文链接：https://www.haomeiwen.com/subject/kqxoqltx.html

Vue3.0优化----Api重构为可做摇树优化