Module configuration and scss include of bootstrap icons

support
1

Dear all,

I modularize a project step by step. I managed to use a js-library as module.
I now want to use bootstrap icons.

I have this in hugo.toml:

   [[module.imports]]
     path = "github.com/xsanisty/calx.js"
   [[module.imports.mounts]] 
     source = "jquery-calx-2.2.8.min.js"
     target = "assets/js/jquery.calx.js"
   [[module.imports]]
     path = "github.com/twbs/icons"
   [[module.imports.mounts]]
     source = "font"
     target = "assets/fonts"
   [[module.imports.mounts]]
     source = "icons"
     target = "assets/icons"

And that in assets/sass/mains.scss:

@import "assets/fonts/bootstrap-icons.scss";

And this in baseof.html:

 {{ $options := (dict "targetPath" "css/styles.css" "outputStyle" "compressed") }}
{{ $style := resources.Get "sass/main.scss" | toCSS $options | minify }}
<link rel="stylesheet" href="{{ $style.RelPermalink }}" media="screen" />

But when I start hugo I get:

TOCSS: failed to transform "sass/main.scss" (text/x-scss): "/home/juh/hs.web.site/assets/sass/main.scss:29:1": File to import not found or unreadable: assets/fonts/bootstrap-icons.scss.

Any hints?
TIA

2

With a lot of path try and error I get something working:

   [[module.imports]]
     path = "github.com/twbs/icons"
   [[module.imports.mounts]]
     source = "font/fonts"
     target = "static/fonts"
   [[module.imports.mounts]]
     source = "font/bootstrap-icons.scss"
     target = "assets/sass/bootstrap-icons.scss"

main.scss:

@import "bootstrap-icons.scss";

Now the icons show up.