[TOC] * * * * * # 1 配置目錄(config\\) ~~~ inferno-master\config\ DOM.js ;jsdom配置 index.html ;測試結果顯示頁面 karma.conf.js ;karma測試配置 mocha.opts ;mocha測試配置 rollup.config.js ;rollup打包配置 webpack.dev.conf.js ;webpack測試打包配置 ~~~ # 2 配置功能 > 包含框架的測試,構建等配置文件。 # 3 框架模塊組織 ~~~ config\rollup.config.js ...... ;框架模塊組織(7個模塊) ;Inferno,InfernoDOM,InfernoServer ;InfernoComponent,InfernoTestUtils ;InfernoCreateElement,InfernoRouter const bundles = [ { moduleGlobal: 'Inferno', moduleName: 'inferno', moduleEntry: 'packages/inferno/src/index.js' }, { moduleGlobal: 'InfernoDOM', moduleName: 'inferno-dom', moduleEntry: 'packages/inferno-dom/src/index.js' }, { moduleGlobal: 'InfernoServer', moduleName: 'inferno-server', moduleEntry: 'packages/inferno-server/src/index.js' }, { moduleGlobal: 'InfernoComponent', moduleName: 'inferno-component', moduleEntry: 'packages/inferno-component/src/index.js' }, { moduleGlobal: 'InfernoTestUtils', moduleName: 'inferno-test-utils', moduleEntry: 'packages/inferno-test-utils/src/index.js' }, { moduleGlobal: 'InfernoCreateElement', moduleName: 'inferno-create-element', moduleEntry: 'packages/inferno-create-element/src/index.js' }, { moduleGlobal: 'InfernoRouter', moduleName: 'inferno-router', moduleEntry: 'packages/inferno-router/src/index.js' } ]; ...... ;打包過程 ;根據上面框架模塊配置 ;打包輸出到packages/inferno/dis/moduleName/xx.js function createBundle({moduleGlobal, moduleName, moduleEntry}) { const copyright = '/*!\n' + ' * ' + moduleName + ' v' + pack.version + '\n' + ' * (c) ' + new Date().getFullYear() + ' ' + pack.author.name + '\n' + ' * Released under the ' + pack.license + ' License.\n' + ' */'; const entry = p.resolve(moduleEntry); const dest = p.resolve(`packages/inferno/dist/${ moduleName }.${ process.env.NODE_ENV === 'production' ? 'min.js' : 'js' }`); const bundleConfig = { dest, format: 'umd', moduleName: moduleGlobal, globals: { moduleGlobal: moduleGlobal }, banner: copyright, sourceMap: false }; return rollup({entry, plugins}).then(({write}) => write(bundleConfig)).catch(err => { console.log(err) }); } ...... ~~~