webpack does icons now

Author: BigSpaceships

frontend/javascript/app.js

@@ -16,5 +16,10 @@ import "jquery";
 import "bootstrap";
 import "./modules";
 
+// Load fonts
+import "bootstrap-icons/font/fonts/bootstrap-icons.woff"
+import "bootstrap-icons/font/fonts/bootstrap-icons.woff2"
+
+// Load styles
 import "../stylesheets/app.scss"
 import "../stylesheets/presentations.scss"

frontend/javascript/modules/acceptDuesDatepicker.js

@@ -4,7 +4,7 @@ import "whatwg-fetch";
 import FetchUtil from "../utils/fetchUtil";
 import Exception from "../exceptions/exception";
 import FetchException from "../exceptions/fetchException";
-import sweetAlert from "../../../node_modules/bootstrap-sweetalert/dev/sweetalert.es6.js"; // eslint-disable-line max-len
+import sweetAlert from "bootstrap-sweetalert/dev/sweetalert.es6.js";
 
 export default class DatePicker {
   constructor(input) {

frontend/javascript/utils/fetchUtil.js

@@ -2,7 +2,7 @@
 import "whatwg-fetch";
 import Exception from "../exceptions/exception";
 import FetchException from "../exceptions/fetchException";
-import sweetAlert from "../../../node_modules/bootstrap-sweetalert/dev/sweetalert.es6.js"; // eslint-disable-line max-len
+import sweetAlert from "bootstrap-sweetalert/dev/sweetalert.es6.js";
 
 export default class FetchUtil {
   static checkStatus(response) {

frontend/stylesheets/app.scss

@@ -3,7 +3,7 @@
 @use 'dataTables.bootstrap.css';
 @use 'bootstrap-material-datetimepicker.css';
 
-// $bootstrap-icons-font-dir: "bootstrap-icons/font/fonts";
+$bootstrap-icons-font-dir: "../fonts/";
 @import "bootstrap-icons/font/bootstrap-icons";
 
 // External

webpack.config.js

@@ -85,6 +85,13 @@ var webpackConfig = {
             ],
           }
         }
+      },
+      {
+        test: /\.(woff|woff2|eot|ttf|otf)$/i,
+        type: "asset/resource",
+        generator: {
+          filename: "fonts/[name][ext]",
+        },
       }
     ]
   },