title: How to use absolute path to import custom scss, when using react + webpack?
body: <p>Inside a scss file, I'm trying to import custom, widely used chunk of scss (in a React/SASS/Webpack stack).</p>
  
  <p>So that I can use a shared mixin.</p>
  
  <p>Let's say I'm creating an MyAdminButton and I want to import scss file that concerns all the buttons of the project. (It's custom scss, not vendor/external one).</p>
  
  <p>It would look like this : </p>
  
  <pre><code>//this actually works but it is a code smell : what if the current file moves ?
  @import "../../stylesheets/_common-btn-styles.scss";
  
  .my-admin-btn {
      // here I can use a shared mixin defined in _common-btn-styles.scss
  }
  </code></pre>
  
  <p>This sounds not good since if my scss file move, then everything is broken.</p>
  
  <p>Thanks for your help</p>