Create a webjar from the node_modules folder created from package-json dependencies:
-
"@baloise/ds-core"
-
"@baloise/ds-brand-icons"
-
npm install
-
mvn clean install
Now the webjar can be consumed like this:
pom.xml
...
<dependency>
<groupId>org.webjars</groupId>
<artifactId>baloise-design-system</artifactId>
<version>17.2.1</version>
</dependency>
...
If you use spring-boot and the webjars-locator-lite you can omit the versions which makes updates easier:
html file
...
<head>
<link rel="stylesheet" href="/webjars/baloise-design-system/@baloise/ds-styles/css/all.min.css" />
<script type="module" src="/webjars/baloise-design-system/@baloise/ds-core/dist/baloise-design-system/baloise-design-system.esm.js"></script>
<script nomodule src="/webjars/baloise-design-system/@baloise/ds-core/dist/baloise-design-system/baloise-design-system.js"></script>
</head>
...
Otherwise include the version as follows:
html file
...
<head>
<link rel="stylesheet" href="/webjars/baloise-design-system/17.2.1/@baloise/ds-styles/css/all.min.css" />
<script type="module" src="/webjars/baloise-design-system/17.2.1/@baloise/ds-core/dist/baloise-design-system/baloise-design-system.esm.js"></script>
<script nomodule src="/webjars/baloise-design-system/17.2.1/@baloise/ds-core/dist/baloise-design-system/baloise-design-system.js"></script>
</head>
...