Skip to content

Latest commit

 

History

History
62 lines (46 loc) · 1.51 KB

readme.adoc

File metadata and controls

62 lines (46 loc) · 1.51 KB

Idea

Create a webjar from the node_modules folder created from package-json dependencies:

  • "@baloise/ds-core"

  • "@baloise/ds-brand-icons"

steps

  • use npm install

  • use maven to create a jar from the node_modules folder

Build

  • 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.3.0</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.3.0/@baloise/ds-styles/css/all.min.css" />
	<script type="module" src="/webjars/baloise-design-system/17.3.0/@baloise/ds-core/dist/baloise-design-system/baloise-design-system.esm.js"></script>
	<script nomodule src="/webjars/baloise-design-system/17.3.0/@baloise/ds-core/dist/baloise-design-system/baloise-design-system.js"></script>
</head>
...