title: vue.js: always load a settings.scss file in every vue style section
body: <p>I find myself repeating this same pattern in every .vue file, in order to use variables, etc.:</p>
  
  <pre><code>&lt;style lang="scss"&gt;
    @import "../styles/settings.scss";
  
    .someclass { color: $some-variable; }
  &lt;/style&gt;
  </code></pre>
  
  <p>or if it's nested in a folder I have to remember to be careful with the path:</p>
  
  <pre><code>&lt;style lang="scss"&gt;
    @import "../../styles/settings.scss";
  
  &lt;/style&gt;
  </code></pre>
  
  <p>Is there a way to globally import that <code>settings.scss</code> file in every .vue file I create? I looked in the docs and didn't see it, but maybe I missed it, or maybe this is something I need to leverage webpack to do?</p>