How to use absolute path to import custom scss, when using react + webpack?

Question

Inside a scss file, I\'m trying to import custom, widely used chunk of scss (in a React/SASS/Webpack stack).

So that I can use a shared mixin.

Let\'s say I\'m cr

Answer 1

I had to do so more research to solve this issue using other answers so here is my working solution:

// Webpack config
{
  test: /\.scss$/,
  loader: 'sass-loader',
  options: {
    includePaths: [path.resolve(__dirname, '')],
  },
},

Then in your scss file:

@import 'filename.scss'; // Imported from  folder.

.style {
  //...
}