# Module configuration and scss include of bootstrap icons

**URL:** <https://discourse.gohugo.io/t/module-configuration-and-scss-include-of-bootstrap-icons/47554>\
**Category:** support\
**Tags:** modules\
**Created:** [December 21, 2023, 8:36pm UTC](https://discourse.gohugo.io/t/module-configuration-and-scss-include-of-bootstrap-icons/47554 "2023-12-21T20:36:25Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![juh2](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/juh2/32/3980_2.png) [@juh2](https://discourse.gohugo.io/u/juh2)\
**Post date:** [December 21, 2023, 8:36pm UTC](https://discourse.gohugo.io/t/module-configuration-and-scss-include-of-bootstrap-icons/47554/1 "2023-12-21T20:36:26Z")

</div>

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:

```auto
   [[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:

```auto
 {{ $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

---

<div class="post-metadata">

**Author:** ![juh2](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/juh2/32/3980_2.png) [@juh2](https://discourse.gohugo.io/u/juh2)\
**Post date:** [December 21, 2023, 9:08pm UTC](https://discourse.gohugo.io/t/module-configuration-and-scss-include-of-bootstrap-icons/47554/2 "2023-12-21T21:08:53Z")

</div>

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

```auto
   [[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.