Where to place sassVars with multiple loaders? about sass-vars-loader HOT 8 CLOSED

Hey :)

You got the order wrong. sass-vars-loader needs come after sass:

 module: {  
      {
        test: /\.scss$/,
        loaders: ['style', 'css', 'resolve-url', 'sass?sourceMap', '@epegzz/sass-vars-loader'],

      },
    ],
  },
  sassVars: {
    vars: {
      favouriteColor: 'red',
    }
  },

from sass-vars-loader.

I'm still getting the Undefined Variable error, but there's also this new error:

main.scss:4Uncaught Error: Cannot find module "!!./../../node_modules/css-loader/index.js!./../../node_modules/resolve-url-loader/index.js!./../../node_modules/sass-loader/index.js?sourceMap!./../../node_modules/@epegzz/sass-vars-loader/index.js!./main.scss"

from sass-vars-loader.

Can you try and see what happens if you remove the resolve-url? sass-vars-loader does not use source maps at this point and thus might break resolve-url which relies on it. I will look into implementing source-map support as soon as possible.

from sass-vars-loader.

Hmmm, I removed resolve-url and switched to just sass, but I'm still getting the same error.

Current COnfig:

 module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel-loader'
      },
      {
        test   : /\.css$/,
        loaders: ['style', 'css']
      },
      {
        test: /\.scss$/,
        loaders: ['style', 'css', 'sass', '@epegzz/sass-vars-loader']
      },
      {
        test: /\.json$/,
        loader: 'json-loader'
      },
      { test: /\.(woff2?|ttf|svg|eot|jpe?g)$/, loader: 'ignore-loader' }
    ]
  },
  sassVars: {
    vars: {
      favouriteColor: 'red',
    }
  },

from sass-vars-loader.

Okay, let's see

• which version of webpack are you using? (I did not test with version 2 yet)
• did you install sass-vars-loader locally (not npm install -g)?
• are you running it in docker?

from sass-vars-loader.

Hey again!

I'm using webpack 1.13.2, it is installed locally, and i am not running in docker

from sass-vars-loader.

Looks like #5 will fix the issue! Expect a fixed npm version tomorrow :)

from sass-vars-loader.

resolved in current version on npm

from sass-vars-loader.