title: How to add vue-style-loader dependency in vue.js
body: <p>In my project, I created a new file header.vue in src/components/header/. The code is </p>
  
  <pre><code>&lt;template&gt;
    &lt;div class="header"&gt;
      I am header!!
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script type="text/ecmascript-6"&gt;
    export default({})
  &lt;/script&gt;
  &lt;style lang="stylus" rel="stylesheet/stylus"&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>I want to use it in App.vue, Here is my code:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="app"&gt;
      &lt;header&gt;&lt;/header&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
     import header from './components/header/header.vue'
  
    export default {
      components: {
        header: header
      }
    }
  &lt;/script&gt;
  
  &lt;style&gt;
  #app {
   .....
  }
  </code></pre>
  
  <p></p>
  
  <p>But i have got error in console:</p>
  
  <pre><code>This dependency was not found:
  
  * !!vue-style-loader!css-loader?{"sourceMap":true}!../../../node_modules/vue- 
   loader/lib/style-compiler/index?{"vue":true,"id":"data-v- 
   12835cef","scoped":false,"hasInlineConfig":false}!stylus-loader? 
   {"sourceMap":true}!../../../node_modules/vue-loader/lib/selector? 
   type=styles&amp;index=0!./header.vue in ./src/components/header/header.vue
  </code></pre>
  
  <p>I had found that ""css-loader": "^0.28.0"," is in package.jsaon already, So I added </p>
  
  <pre><code>"stylus-loader": "^2.1.1",
  </code></pre>
  
  <p>into package.json. and restarted "npm run dev"</p>
  
  <p>But unlucky, it doesn't work, it failed again. Who can help me ?</p>