Add partials to a global scss file

[k3lh4m]

First of all great starter project. Love it.

The only thing that I am trying to work out the moment is how to add partial scss file to the app.scss file? I would like to have a globals file that also runs off different partial scss files e.g _colors.scss. Then along with this have the encapsulated .scss files in the component directory. Now this is the first time I have tried to work with Webpack, so not 100% what I am doing with it.

I'm pretty sure it is on this line:

        test: /\.(scss|sass)$/,
        exclude: root('src', 'app'),
        loader: isTest ? 'null-loader' : ExtractTextPlugin.extract({ fallback: 'style-loader', use: ['css-loader', 'postcss-loader', 'sass-loader']})
      }

So I assumed that sass-loader would have the capabilities to do this https://github.com/webpack-contrib/sass-loader#imports but I cant seem to get it to do what I would like, with out destroying the webpack.config.js.

I know this is not really an issue, but if anyone has had this problem before or knows what to change , hit me up.

Thanks

p.s I have also tried to use the sass-resource-loader by Shakacode, but have no luck with that.