vue.js: always load a settings.scss file in every vue style section
<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>