title: How to import whole SCSS folder in Vue Nuxt project?
body: <p>At my company we are not writing css in Vue files, we prefer to do it the <em>old</em> way with <code>SCSS</code>.</p>
  
  <p>Problem is, we end up with a need of writing new import in <code>styles.scss</code> any time we create new component, and it really bugs me in bigger projects.</p>
  
  <p>Not so long ago, when I have been developing in React, I imported module called <code>node-sass-glob-importer</code> in <code>webpack.config</code> file, tweaked a bit (<a href="https://github.com/Tinmar3/React_template_01172019/blob/ca27821aacfd7ca0370fbf791208f967fb2b6ff0/config/webpack.config.js" rel="nofollow noreferrer">you can check here</a>) and it worked - I could have imported folder like this: <code>@import "components/**";</code></p>
  
  <p>In Nuxt, I only have <code>nuxt.config.js</code> file and I am lost a bit. I know how to extend some simple stuff there, but this seems to be more complicated.</p>
  
  <p>Any help of importing <code>node-sass-glob-importer</code> or doing the same thing in some other way?</p>