Create a webjar from the node_modules folder created from a singele package-json dependency: "@baloise/ds-core": "16.1.0"
-
use npm install with a package.json having the design system dependency
-
use maven with a pom.xml to create a jar from the node_modules folder
-
npm install
-
mvn clean install
Now the webjar can be consumed like this:
...
<dependency>
<groupId>org.svenehrke.webjars</groupId>
<artifactId>baloise-design-system</artifactId>
<version>16.1.0</version>
</dependency>
...
...
<head>
<link rel="stylesheet" href="/webjars/baloise-design-system/16.1.0/@baloise/ds-styles/css/all.min.css" />
<script type="module" src="/webjars/baloise-design-system/16.1.0/@baloise/ds-core/dist/baloise-design-system/baloise-design-system.esm.js"></script>
<script nomodule src="/webjars/baloise-design-system/16.1.0/@baloise/ds-core/dist/baloise-design-system/baloise-design-system.js"></script>
</head>
...
Instead of npm install
I tried to use wget to recursively download design system files from jsdelivery as follows:
wget --no-parent -r https://cdn.jsdelivr.net/npm/@baloise/[email protected]/dist/
It turned out that the download takes very long since it is a lot of files. In addition it simply does not feel right.