Skip to content

baloise-incubator/baloise-design-system-webjar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

82 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Create webjar containing the baloise design system, so that it can be used by jvm based backends (e.g.Springboot with thymeleaf, JTE, ...)

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors