vue.js源码学习笔记

参考:
vue.js官网
Vue.js 源码学习笔记
Vue2.0源代码阅读

文件结构梳理

整体目录

  benchmarks\      测试目录
  dist\            构建目录
  examples\        demo目录
  flow\
  packages\
  scripts\
  src\             核心源码
  test\            测试目录
  types\

源代码实现目录

complier\        模版编译实现
core\            核心
platforms\       渲染平台实现
server\          服务器渲染实现
sfc\
shared\          基础工具目录

模块组织(vue\script\alias)

const path = require('path')

const resolve = p => path.resolve(__dirname, '../', p)

module.exports = {
  vue: resolve('src/platforms/web/entry-runtime-with-compiler'),
  compiler: resolve('src/compiler'),
  core: resolve('src/core'),
  shared: resolve('src/shared'),
  web: resolve('src/platforms/web'),
  weex: resolve('src/platforms/weex'),
  server: resolve('src/server'),
  entries: resolve('src/entries'),
  sfc: resolve('src/sfc')
}

ps:给文件夹定义别名,方便编码

path.resolve()方法将一系列路径或路径段解析为绝对路径。

你可能感兴趣的:(vue.js源码学习笔记)