vue源码的构建

一、vue构建的基本了解

1,开始学习vue的源码的学习，vue.js是基于rollup构建的

它的配置在 scripts下面

rollup是webpack的简小版针对于js进行压缩的，没有提供复杂的功能

构建的入口

构建的过程

二 、Runtime Only vs Runtime Compiler

Runtime Only：

我们在使用Runtime Only 的版本的vue.js 的时候，我们需要借助vue-loder把.vue版本的解析成javascript

这是编译阶段时候做的，所以只包含vue.js,代码体积会很小。

Runtime Compiler ：

这里没有对代码做编译，在vue 里面传入一个vue 的template属性，传入一个字符串，在客户端进行编译模板

在vue.js2.0版本中，我们最终都是渲染成rend()函数，如果是template的属性，我们最终会渲染成render函数，

这个编译是发生的运行中， 所以Runtime Compiler更加消耗性能

// 需要编译器的版本
new Vue({
  template: '<div>{{ hi }}</div>'
})
// 这种情况不需要
new Vue({
  render (h) {
    return h('div', this.hi)
  }