rollup.js

一般开发js框架、js库不会用到 webpack 打包

• webpack：项目级打包方案
  • 大量处理例如 css、scss、js、jsx、.vue
• rollup：工厂打包工具（专注打包JS）
  • 主要打包JS（开发库、开发框架，基本都只有js）
  • vue2.0、vue3.0、react 都是用 rollup 打包

package.json

rollup.config.js

Vue模板编译优先级顺序

1. render
2. template
3. el

let vm = new Vue({
	el: '#app', // 3
  render(createElement) {
    return createElement('h1')
  }, // 1
  template: `` // 2
});

先看 options API 中是否有 render，没有再看 template，什么都没有就看 html 文件中的 el 了

模板编译过程

template -> 【模板编译】 -> 形成真实 DOM

1. 获取 template
2. template 转 AST 抽象语法树
3. AST 转为 render 函数