Bootstrap not working with webpack fails to find fonts

Question

Im trying to bundle my project using webpack 4.

structure for bootstrap:

public
    css
    images
    js
    vendor
        bootstrap\dist
            css
            fonts
                glyphicons-halflings-regular.eot
                glyphicons-halflings-regular.svg
                glyphicons-halflings-regular.ttf
                glyphicons-halflings-regular.woff
                glyphicons-halflings-regular.woff2  
            js

webpack is unable to locate "fonts" and throws error while building

Can you add the error as text instead of an image? – Jeroen May 16 '20 at 10:28 — Jeroen, May 16 '20 at 10:28

score 0 · Accepted Answer · answered May 16 '20 at 12:11

I solved it as i was using bootstrap 4 and Bootstrap v4 drops the glyphicon font altogether.so, the error occurs instead downgrading with version 3 and below works.

Font Awesome can be used alternative to glyphicons on bootstarp 4. Bootstrap 4 - Glyphicons migration?

Bootstrap not working with webpack fails to find fonts

1 Answers1