Adding background form scss doesn't work #25

Activity

1. lifenautjoe commented on Feb 24, 2019

   

   lifenautjoe

   on Feb 24, 2019

   Owner

   More actions

   Hi @Silver360 , I'll take a look.

   Could you meanwhile try to load it from ./assets/section-packets-bg.png ?

   Cheers.
2. lifenautjoe

   self-assigned this

   on Feb 24, 2019
3. lifenautjoe

   added

   needs investigation

   on Feb 24, 2019
4. NathanHealea commented on Mar 3, 2019

   

   NathanHealea

   on Mar 3, 2019

   More actions

   Hi @Silver360 , Give this a try.

   npm install --save-dev resolve-url-loader
   

   webpack.dev.js

   {
     // translates CSS into CommonJS
     loader: 'css-loader',
     ...
   },
   {
     loader:'resolve-url-loader',
     option: {
       sourceMap: true
     }
   },
   {
     // compiles Sass to CSS
     loader: 'sass-loader'
     ..
   }
   ...
   

   In your sass file use a relative path. In the file structure I'm using I have an image directory under styles
   styles/index.scss

   .bg { background-image: url('img/section-packets-bg.png'); }
   
5. ldraminski commented on Mar 3, 2019

   

   ldraminski

   on Mar 3, 2019

   More actions

   Hi thanks for replay. When I try install resolve-url-loader I get this message.
   
6. NathanHealea commented on Mar 14, 2019

   

   NathanHealea

   on Mar 14, 2019

   More actions

   @ldraminski,

   That message indicated that there are vulnerabilities in the package that you installed.
   You can either run npm audit fix or just ignore them.
7. annelyse commented on Apr 11, 2019

   

   annelyse

   on Apr 11, 2019

   More actions

   Option with a S , if not it doesn't work !

   {
   loader:'resolve-url-loader',
   options: {
   sourceMap: true
   }
   },
   {