[TOC] * * * * * # 1 Inferno模塊包 ## .1 包目錄 ~~~ packages/inferno/ dist\ ;打包生成目錄 src\ ;實現目錄 inferno.js ;入口文件 ~~~ ## .2 包入口 ~~~ ;包聲明的Inferno模塊入口文件 packages/inferno/src/index.js import { createBlueprint, createVNode }from '../../../src/core/createBlueprint'; import { createUniversalElement } from '../../../src/core/universal'; ;導出模塊接口 export default { createBlueprint, createVNode, universal: { createElement: createUniversalElement } }; ~~~ # 2 Inferno源代碼 ## .1 源代碼文件 ~~~ src\core\ createBuleprint.js ;createBuleprint.js入口文件 universal.js ;universal.js入口文件 utils.js ;Inferno模塊工具 ~~~ ## .2 createBuleprint.js文件依賴 ~~~ src\core\createBuleprint.js ;導入模塊工具utils.js import { isNullOrUndefined } from './utils'; ;導出createVNode() createBlueprint()接口 export function createVNode(); export function createBlueprint(); ~~~ ## .3 universal.js文件依賴 ~~~ src\core\universal.js ;導入模塊工具utils.js import { isAttrAnEvent, isNullOrUndefined } from './utils'; ;導出createUniversalElement()接口 export function createUniversalElement() ~~~ # 3 Inferno模塊接口 ~~~ packages/inferno/dist/inferno.js ;導出三個接口 ;createBlueprint() ;createVNode() ;universal.createElement() var index = { createBlueprint: createBlueprint, createVNode: createVNode, universal: { createElement: createUniversalElement } }; return index; ~~~ # 4 Inferno模塊測試目錄 ~~~ ~~~