Converting Nuxeo LTS2021 Web UI JavaScript components to HTML components for import in a nuxeo-project-bundle.html

Unbundled (original) Nuxeo LTS2021 Web UI JavaScript components are defined in JS files ready to be bundled with Webpack into the Nuxeo Web UI JS bundles. They have “import” statements which bring in the necessary components & behaviors.

If you want to convert these into HTML components ready to be imported (<link rel=”import”>) into a nuxeo-*project-name*-bundle.html and deployed in the UI, you will find that the “import” statement paths do not exist anymore (because all those imported components/behaviors) have been included in the Nuxeo Web UI bundle and their addressing has been changed.

We will take an in-depth look at Example B from the previous article “How to overwrite Nuxeo Web UI bundled JS components in Nuxeo LTS2021”, in which we aim to overwrite nuxeo-document-import and all its dependencies.