title: Load common.sass style on top of a Reacts components
body: <p>I'm building a react application with SASS for the styles and serving it with webpack-dev-server, a couple of components and some extract of the structure look like that:</p>
  
  <pre><code>├── App.js
  ├── components
  │   ├── Layout.jsx
  │   ├── Layout.scss
  │   ├── header
  │   ├── pages
  │   └── footer
  └── css
      ├── _vendors.scss
      ├── _variables.scss
      ├── _mixins.scss
      └── utils.scss
  </code></pre>
  
  <p>Inside <code>main.scss</code>, I have all the <code>@imports</code>, also inside the vendors I have the imports in node_modules dependencies, etc...
  Per each component in react have his own scss file.
  But, I want the main.scss loaded in the Layout.jsx and use the mixins or imports or placeholder classes inside the scss file per component.</p>
  
  <p>I was trying playing with <code>css-loader</code> and <code>style-loader</code> with includePath's and nothing successful.</p>
  
  <p>It's this possible? It's related on the -loaders of webpack?
  ps: Isn't viable have an .html file, this is a library of components.</p>