看到vue3的核心特性之一是支持摇树优化，但是这不是vue2时期就能借助webpack实现的吗？

mm_liu 2021-02-18 05:54:59

所以想问下各位大佬，vue3支持的摇树优化，是怎么玩的，难道它不是借助webpack插件了？与vue2的摇树优化比起来，有什么进化呢？

...全文

461 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

daswcszxw 2021-02-24

打赏
举报

回复

没有用过vue，对webpack有点了解。关于tree-shaking网上有很多优秀的文章讲述它的实现原理。至于vue某个版本增加使用了trre-sharking原理，来消除引用但未使用的代码，这和webpack没有关系。那位大佬自己又搞的vite2.0已经发布了，可以学习学习。

vue官方文档，vueTree Shaking 摇树官方文档， vue3快速入门-Tree shaking，vue3学习之摇树优化，Vue3中提到的Tree-shaking，说说Vue 3.0中Treeshaking特性，Vue3中提到的Tree-shaking，Vue 3.0中Treeshaking全局API 特性，shaking tree 原理，Vue3中提到的Tree-shaking，Vue 3.0中Treeshaking，Vue3 - Tree Shaking 摇树优化（它是什么？跟 Vue3 有

推荐场景：维护现有 Webpack 项目升级到 Vue 3。需要高度定制化构建流程的企业级应用。新项目建议：优先使用 Vite，除非有明确依赖 Webpack 的需求。

vue-cli3搭建完整项目之webpack配置前面篇介绍了项目初始化，下面就要开始对项目webpack进行配置，由于vue-cli3将webpack的基础配置全部内嵌了，这就导致我们初始化项目完成之后发现原先的webpack的config配置全部都消失不见了，那该怎么办呢？别慌，vue-cli3早就考虑到了这一点，它预留了一个vue.config.js的js文件供我们对webpack进行自...

Vue CLI是Vue.js项目的官方脚手架，基于Node.js与Webpack构建。安装Vue CLI前需确保Node.js已安装，随后通过npm全局安装。Vue CLI能迅速创建和管理Vue.js项目，提升开发效率。而Webpack则负责资源打包，通过配置文件管理依赖、插件等，优化代码并分割资源，提高项目性能。Vue CLI与Webpack的完美结合，让开发者更专注于业务逻辑，轻松构建高效、稳定的Vue.js应用。

先问大家一个很简单的问题： vue init webpack prjectName 与 vue create projectName 有什么区别呢？它们是 Vue-cli 2 和 Vue-cli3 创建项目的两个命令，之所以两个命令不同，根本原因是 Vue-cli2 是基于webpack 3，而 vue-cli3 是基于 webpack 4 的。所以我们先介绍 webpack 是如何管理项目的，如何把项目中 js、css、html等是如何压缩转换文件？然后学习 vue-cli 2、vue-cli

87,993

社区成员

224,688

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章