How do I load font-awesome using SCSS (SASS) in Webpack using relative paths?

前端 未结 9 2294
有刺的猬
有刺的猬 2020-12-07 16:20

I have font-awesome in my node_modules folder so I try to import it in my main .scss file like so:

@import \"../../node_modules/font-awesome/scss/font-awesom         


        
9条回答
  •  生来不讨喜
    2020-12-07 16:46

    Use

    $fa-font-path: "~font-awesome/fonts";
    @import "~font-awesome/scss/font-awesome";
    

    where the $fa-font-path variable is seen in font-awesome/scss/_variables.scss

    $fa-font-path: "../fonts" !default;
    

    The tilde "~" is interpolated by sass-loader using the webpack mecanism.

提交回复
热议问题