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

mm_liu 2021-02-18 05:54:59

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

...全文

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

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

daswcszxw 2021-02-24

打赏
举报

回复

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

先问大家一个很简单的问题： 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

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

用webpack搭建Vue3项目一、项目需要的基本依赖1.vue的依赖2.ui组件库依赖3.AJAX请求库依赖（axios）二、几个loader和webpack配置1.引入库2.目录结构三、main.js入口文件与index.html1.main.js2.index.html*四、webpack配置文件五、路由文件总结声明：本文章采用node的包管理工具和webpack。一、项目需要的基本依赖 1.vue的依赖声明一点，自从22年3月依赖vue的默认版本就变成了3.x所有后面需要@指定版本。 n

说明 webpack5相对于webpack3有着各方面的提升，尤其是tree shaking功能更加强大，所以对老项目vue2.0+webpack3，尝试升级到webpack5，总结了升级过程中可能会遇到的问题，大部分内容出自如下文章中：vue-cli2 老项目webpack3升级webpack5过程总结_娃哈哈_的博客-CSDN博客_webpack升级，补充一些遇到的其他问题。升级步骤 1.拷贝除依赖外的项目文件到新文件夹中避免在原项目上操作，拷贝完后执行npm install安装依赖。 2

文章目录什么是webpack?webpack能做什么（为什么要用webpack）?webpack的使用安装方法一安装方法二webpack原始打包运行方式无配置文件运行webpack有配置文件运行webpack有配置文件在vue中运行webpack 什么是webpack? webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具； webpack能做什么（为什么要用webpack）? 代码转换：比如浏览器识别不了xx.vue文件，或者xx.ts文件，webpack将其转

87,914

社区成员

224,620

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章