V
V
Vann Damm2021-04-13 12:17:23
Sass
Vann Damm, 2021-04-13 12:17:23

@import fonts.scss not working?

Dmitrijs Balcers fonts.scss doesn't work , all other imports work..
fonts.scss itself:

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('../assets/fonts/quicksand-v22-latin-300.ttf') format('truetype'),
}

sass rules and loaders:
{
    test: /\.scss$/,
    include: [sourcePath],
    exclude: [themePath,/\.module\.scss$/],
    use: [
        "style-loader",
        loaderCss,
        loaderSass,
        loaderPostcss
    ],
};

css loader:
{
    loader: 'css-loader',
    options:{
        modules:true,
        sourceMap:true,
    },
};
sass loader:
module.exports =  {
    loader: "sass-loader",
    options: { 
        sourceMap: true,
     }  
};

postss loader:
module.exports = {
     loader: 'postcss-loader',
     options: {
         postcssOptions: {
            parser: 'postcss-scss',
            plugins: [
                require('postcss-import')({
                    path: [styleCssPath],
                }),
   
                require('postcss-strip-inline-comments')(),
   
                require('postcss-advanced-variables')(),
   
                require('postcss-custom-properties')({
                }),

                require('postcss-nested')(),
                require('postcss-calc')(),
                require('autoprefixer')({ browsers: ["> 1%", "last 2 versions", "not ie <= 8"], grid: true }),
            ],
         },
     },
 };

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question