vue源码是基于Rollup构建的,它的构建相关配置都在script目录下。
构建脚本
通常一个基于NPM托管的项目都会有一个package.json文件,它是对项目的描述文件,它的内容实际上是一个标准的JSON对象。
我们通常会配置script字段作为NPM的执行脚本,vue.js源码构建的脚本如下
{
"script": {
"build": "node scripts/build.js",
"build:ssr": "npm run build -- web-runtime-cjs,web-server-renderer",
"build:weex": "npm run build -- weex"
}
}
这里总共有3条命令,作用都是构建vue.js,后面2条是在第一条命令的基础上,添加一些环境参数。
当在命令行运行npm run build 的时候,实际上会执行 node scripts/build.js ,接下来我们来看看它实际是怎么构建的。
构建过程
我们对于构建过程分析是基于源码的,先打开构建的入口js文件,在scripts/build.js中:
let builds = require('./config').getAllBuilds()
// filter builds via command line arg
if (process.argv[2]) {
const filters = process.argv[2].split(',')
builds = builds.filter(b => {
本文深入探讨Vue.js的构建过程,从构建脚本到Runtime Only与Runtime + Compiler的区别。详细解析了构建入口、配置文件、Rollup构建规则以及Vue.js的别名配置。通过对源码的分析,理解不同Vue版本的适用场景。
订阅专栏 解锁全文
2156

被折叠的 条评论
为什么被折叠?



