title: Nuxt can't load stylus file
body: <p>I am trying to load a stylus file within nuxt.</p>
  
  <p>First I installed the stylus package using <code>npm i -D stylus stylus-loader</code></p>
  
  <p>Then I created a file called <code>app.styl</code> in the <code>assets/style</code> folder :</p>
  
  <pre><code>@require '~vuetify/src/stylus/settings/_colors'
  $theme := {
    primary:     $blue.darken-2
    accent:      $blue.accent-2
    secondary:   $grey.lighten-1
    info:        $blue.lighten-1
    warning:     $amber.darken-2
    error:       $red.accent-4
    success:     $green.lighten-2
  }
  
  // Import Vuetify styling
  @require '~vuetify/src/stylus/main'
  
  .page
    @extend .fade-transition
  </code></pre>
  
  <p>Then I added this to the css array in <code>nuxt.config.js</code> :</p>
  
  <pre><code>  /*
    ** Global CSS
    */
    css: [{ src: '~assets/style/app.styl', lang: 'styl'}],
  </code></pre>
  
  <p>But then nuxt.js is throwing an error in build : </p>
  
  <pre><code>× error friendly-errors » Failed to compile with 1 errors
  &gt; log friendly-errors » This dependency was not found:
  &gt; log friendly-errors » * ..\assets\style\app.styl in ./.nuxt/App.js
  &gt; log friendly-errors » To install it, you can run: npm install --save ..\assets\style\app.styl
  </code></pre>
  
  <p>In my <code>package.json</code> I have the version of nuxt to ^2.3.1, stylus to ^0.54.5 and stylus-loader of ^3.0.2. </p>
  
  <p><a href="https://gist.github.com/leo91000/856cef535019381a87f26375482a26a8" rel="nofollow noreferrer">Full link to package.json and nuxt.config.js</a></p>
  
  <p>Can you find what is wrong with my setup using these informations ?</p>