VUE技术揭秘阅读笔记之vue源码构建

一：vue的源码构建是基于rollup

关于rollup， 我们需要提前了解并知道的是，rollup是一种最近比较火的前端工程化构建工具， 提供了多种打包方式，并且可以通过format属性设置你想要打包成的代码类型：

• amd - 输出成AMD模块规则，RequireJS可以用

• cjs - CommonJS规则，适合Node，Browserify，Webpack 等

• es - 默认值，不改变代码

• iife - 输出自执行函数，最适合导入html中的script标签，且代码更小

• umd - 通用模式，amd,cjs,iife都能用

根据使用场景，配置不同的format属性来打包文件。

参考文章：

使用rollup构建你的JavaScript项目：https://segmentfault.com/a/1190000009932242

 

二：源码构建的入口

当命令行运行 npm run build 的时候，实际上就会执行 node scripts/build.js文件，