1. 程式人生 > >vue原始碼解讀-目錄結構

vue原始碼解讀-目錄結構

目錄結構

├── scripts ------------------------------- 構建相關的檔案,一般情況下我們不需要動
│ ├── git-hooks ------------------------- git鉤子
│ ├── alias.js -------------------------- 別名配置
│ ├── config.js ------------------------- rollup配置的檔案
│ ├── build.js -------------------------- 構建 config.js 中所有的rollup配置
│ ├── ci.sh ----------------------------- 持續整合執行的指令碼
│ ├── release.sh ------------------------ 自動釋出新版本的指令碼
├── dist ---------------------------------- 構建後文件的輸出目錄
├── examples ------------------------------ Vue開發的應用案例
├── flow ---------------------------------- 型別宣告,使用開源專案

Flow
├── packages ------------------------------ 獨立釋出的包的目錄
├── test ---------------------------------- 所有測試檔案
├── src ----------------------------------- 原始碼
│ ├── compiler -------------------------- 編譯器程式碼的存放目錄,將 template 編譯為 render 函式
│ ├── core ------------------------------ 存放通用的,與平臺無關的程式碼
│ │ ├── observer ---------------------- 響應系統,包含資料觀測的核心程式碼
│ │ ├── vdom -------------------------- 虛擬DOM建立(creation)和打補丁(patching)的程式碼
│ │ ├── instance ---------------------- Vue建構函式設計相關的程式碼
│ │ ├── global-api -------------------- 給Vue建構函式掛載全域性方法(靜態方法)或屬性的程式碼
│ │ ├── components -------------------- 抽象出來的通用元件
│ ├── server ---------------------------- 服務端渲染(server-side rendering)的相關程式碼
│ ├── platforms ------------------------- 平臺特有的相關程式碼,不同平臺的不同構建的入口檔案也在這裡
│ │ ├── web --------------------------- web平臺
│ │ │ ├── entry-runtime.js ---------- 執行時構建的入口,不包含模板(template)到render函式的編譯器,所以不支援 template
選項,我們使用vue預設匯出的就是這個執行時的版本。
│ │ │ ├── entry-runtime-with-compiler.js -- 獨立構建版本的入口,它在 entry-runtime 的基礎上添加了模板(template)到render函式的編譯器
│ │ │ ├── entry-compiler.js --------- vue-template-compiler 包的入口檔案
│ │ │ ├── entry-server-renderer.js -- vue-server-renderer 包的入口檔案
│ │ │ ├── entry-server-basic-renderer.js -- 輸出 packages/vue-server-renderer/basic.js 檔案
│ │ ├── weex -------------------------- 混合應用
│ ├── sfc ------------------------------- 單檔案元件(.vue檔案)的解析邏輯,用於vue-template-compiler包
│ ├── shared ---------------------------- 整個程式碼庫通用的程式碼
├── package.json -------------------------- 不解釋
├── yarn.lock ----------------------------- yarn 鎖定檔案
├── .editorconfig ------------------------- 針對編輯器的編碼風格配置檔案
├── .flowconfig --------------------------- flow 的配置檔案
├── .babelrc ------------------------------ babel 配置檔案
├── .eslintrc ----------------------------- eslint 配置檔案
├── .eslintignore ------------------------- eslint 忽略配置
├── .gitignore ---------------------------- git 忽略配置

原文地址:https://segmentfault.com/a/1190000017230582