title: Vue-cli import assets css relative not working
body: <p>i'm using vue-cli + this webpack template for my vue project, i wanted to use leaflet in my website but when i import their css file, i have the following errors :</p>
  
  <p><strong>code for import</strong></p>
  
  <pre><code>&lt;style lang="scss"&gt;
      @import "../node_modules/leaflet/dist/leaflet.css";
  &lt;/style&gt;
  
  
  
  These relative modules were not found:
  
  * ./images/layers-2x.png in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7ba5bd90",
  "scoped":false,"hasInlineConfig":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles
  &amp;index=0&amp;bustCache!./src/App.vue
  * ./images/layers.png in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7ba5bd90","sc
  oped":false,"hasInlineConfig":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&amp;in
  dex=0&amp;bustCache!./src/App.vue
  * ./images/marker-icon.png in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7ba5bd90","scoped":false,"hasInlineConfig":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&amp;index=0&amp;bustCache!./src/App.vue
  </code></pre>
  
  <p>and the problem is that webpack consider the image path relative to my project root src folder, i tried to copy and past the images folder in <code>leaflet/dist/images</code> to my project src folder, and its worked. so how can i make this work?</p>