title: How can I define default imports for Stylus in nuxt.js
body: <p>I import various helpers (mixins, vars, functions) into my component automatically to ensure they're always available to me and my team.</p>
  
  <p>Currently I use the vue-cli webpack template and to import these helpers I set the stylus import option within the webpack.base.js config as shown below;</p>
  
  <pre><code>stylus: { import: ['~stylus/common.styl'] }
  </code></pre>
  
  <p>I've not been able to figure out how to do this with nuxt.js, I raised an <a href="https://github.com/nuxt/nuxt.js/issues/148" rel="nofollow noreferrer">issue</a> about this and was told to use the build extend method.</p>
  
  <p>This didn't work as I then received errors from webpack itself;</p>
  
  <pre><code>WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
  </code></pre>
  
  <p>So with the changes brought in with v2.2.0 of webpack, how can I apply my stylus options?</p>