title: loading a css file from 'assets' directory in a NUXT layout
body: <p>in a nuxt layout (default.vue) I want to load an image and a css file from assets folder
  the image loaded successfully, but the css file not, why?</p>
  
  <p>/layouts/default.vue</p>
  
  <pre><code>&lt;template&gt;
  &lt;img src="~assets/photo.jpg" /&gt;
   &lt;!-- converted to /_nuxt/assets/photo.jpg and loaded successfully --&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default{
   head:{
    link: [  { rel: 'stylesheet', href: '~assets/style.css' }]
  }
  }
  &lt;/sript&gt;
  </code></pre>
  
  <p>when I view the source code:</p>
  
  <pre><code>&lt;link href="~assets/style.css" /&gt;
  </code></pre>
  
  <p>and it fails to be loaded</p>
  
  <p>also navigating to <a href="http://localhost:3000/_nuxt/assets/style.css" rel="nofollow noreferrer">http://localhost:3000/_nuxt/assets/style.css</a> faild, but <a href="http://localhost:3000/_nuxt/assets/photo.jpg" rel="nofollow noreferrer">http://localhost:3000/_nuxt/assets/photo.jpg</a> successed</p>
  
  <p><strong><em>note:</em></strong></p>
  
  <p>I don't want to put style.css in 'static' folder as I want to load it via webpack css-loader to add caching hashes </p>