Static HTML Components
Some parts of the interface can be generated during the build process to reduce processing on the client side
and speed up page generation if the assets are not dynamic in relation to the user. These components are
generated using underscore-template-loader and can be
included in the entry
.html pages or
.hbs files with
@require(<path_to_static_file>, args) with optional
Custom macros can be created that execute some function during the build process. This project has example custom
macros that include the build details and repository information in the output HTML pages. These macros are included
in the webpack.config.js(github)
configurations for the underscore-template-loader. These macros are given names in the webpack config file and
then accessed using the
@ symbol (e.g.
Static Component Examples
A couple of notes on static component examples included in this project:
Contains links to the different part of the application, this is a good example of being dynamic (but not relative to the user) but still being able to be compiled during the build process.
Contains reference to the project details and build details for developers. This could also include:
- contact information
- donation links
- other navigation component or site tree.
Static Partial Notes/Ideas
- [ ] Move macros out of webpack.config.js into their own file (in src/static/ ?)