OHIF Code Rebuild Notes | Niyuta’s Blog

type

status

date

slug

summary

📝 Architecture

Detailed as the video below, so it is no need to explain twice. A really good video for beginners.

Elegant as its architecture. It contains:

core: it contains logic for UI rendering, data source and any other things. Need to explore more.

viewer (now app): Combines the logic in core&ui together.Done things like registering the Extensions and Modes, reading configuration files, etc.

Demonstrate in version:

The entrance is: platform\app\src\index.js . It created the App:

And the App.tsx registers the config, default Extensions and default Modes.

The defaultExtensions, defaultModes are autoimported by plugins in .pluginImports.js. So where’s the configuration loaded?

In platform\app\.webpack\webpack.pwa.js, we can see code like this:

And in package.json, we directly set parameter --config:

So the program automatically read entries in webpack.pwa.js.

💡

有关Notion安装或者使用上的问题，欢迎您在底部评论区留言，一起交流~