vuejs源码之编译构建过程

vuejs打包构建流程梳理

package.json 找到入口文件

vue2.6.11源码中打包命令分别为以下三个：

    "build": "node scripts/build.js",
    "build:ssr": "npm run build -- web-runtime-cjs,web-server-renderer",
    "build:weex": "npm run build -- weex",

ssr 服务端渲染 和 weex版本 暂时不关注。主要看 build 默认构建。
这里的构建脚本指向了 scripts/build.js 文件。

scripts/build.js文件

1. vue使用rollup打包工具进行打包的，而且vue为了完成不同版本的源码构建需要写很多的版本配置。所以在 scripts/build.js 文件中引入了config.js 。在builds 中通过下面代码引入config中的所有打包版本。

let builds = require('./config').getAllBuilds() //config.js 
//builds 数组 该数组内容 由config.js 中的genConfig() 函数产生。

config.js内容如下：