我们这一次看一看 vue 是如何将源码编译生产 vue 的，我们首先创建一个项目，这里所谓项目就是创建文件夹然后运行一下 npm init -y ,如果您对 npm 还不是很了解，需要简单了解一下 npm，npm 毕竟给我们开发无论是前端、后端还是原生 javascript 项目带来很多方便和乐趣，官方说因为 npm 的存在许多人才选择学习 javascript 这门语言。然后我们创建一个 scripts 文件夹这个和 vue 项目是保存一致，你可以从 github 下载 vue 这个开源项目。
然后我们看 build.js 这个文件应该是将 vue 源码打包压缩供开发人员使用，根据经验这些输出的文件通常都会方法 dist 文件夹中，所以我们看 build.js 中 下面图先判断是否存在 dist 文件夹，如果不存在就创建一个。
然后我们把 vue 项目下 build.js 复制到我们的文件中看一下，通过一步一步地跟踪来学习。这里我们看到 vue 是用到 rollup 进行打包，那么我们就简单地了解一下。
rollup是一款小巧的javascript模块打包工具，更适合于库应用的构建工具;可以将小块代码编译成大块复杂的代码，基于ES6 modules,它可以让你的 bundle 最小化，有效减少文件请求大小,vue在开发的时候用的是webpack,但是最后将文件打包在一起的时候用的是 rollup.js
网友评论