一: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文件,