前言：https://assbbs.com/thread-28974.htm
           https://assbbs.com/thread-29043.htm

带着VUE到底是啥JB的心态，我也去学了下VUE， 一开始呢去了解了下webpack打包工具，发现根本用不着，直接用VUE自带的CLI或者 vite即可，不需要去了解webpack，然后开始看文档和教学视频，学完后我觉得这种概念是真的牛逼，MVVM这种概念，一下子把前端的重要性变的和后端一样了....

那话又说回来，VUE有什么好处?
通常一个简单的项目，是不需要VUE的，jQuery操作DOM就安排的明明白白了，除非你想做前后端分离，尝试一下VUE。
那需要时刻操作大量DOM的地方，就非常需要VUE了， VUE3使用了 JavaScript Proxy 监听，当监听到变量发生改变时自动更新DOM，使用了你会发现，你以前还需要去 document.xxx 去选中DOM，现在你只需要把变量绑定上去 他自动发生变化，自动渲染，自动 for 循环输出列表， 以后就直接和DOM操作说拜拜了。

当遇到一个后台输出用户数据，或前端论坛帖子列表界面时，VUE不费吹灰之力的就完成了DOM构建， 通常前端还需要去操作DOM然后for循环输出，

那么我再回答一下那两个帖子关于VUE的问题，VUE其实没那么大的，他的核心文件也只不过是

<script src="https://unpkg.com/vue@next"></script>

这就和jquery差不多，jQuery是让DOM操作更方便，他直接是让DOM操作没有了
关于打包工具呢，那则是前端的新发明了。。。 
例如你以前想要引入jquery 需要 

<script src="jquery-1.10.2.min.js"></script>

现在仅需在本地执行 npm install jquery

然后在项目中使用

import $ from 'jQuery'

就可以正常使用了，

但通常的话 一个项目生成会有大量的包存放在node_modules供开发者调用。

这是正常情况，项目写完后会把没有用到的插件进行打包删减
执行 npm run dev 是测试环境，这个环境里有热加载，热插拔插件，可以让开发者在这个模式下调试代码。
但是当代码写完后执行 npm run build 打包后就会在项目目录下生成一个 dist 文件夹，把文件夹里的内容放到服务器后就可以直接访问了。

dist 里的文件此时才是真正正式环境下的大小。