title: How to configure Vue CLI 3 to leverage webpack root folder aliases?
body: <p>I am trying to link a static content (img) from the assets folder to a vue component, but receiving the "Module not found: Error: Can't resolve" error message.</p>
  
  <p>When I link the image from the root component it resolves, however from other component, in subfolders the list is not resolved.</p>
  
  <p>Please see the example below:</p>
  
  <pre><code>├── App.vue &lt;-- src="./assets/logo.png" resolved
  ├── assets
  │   └── logo.png
  ├── components
  │   └── some-other-component.vue &lt;-- src="./assets/logo.png" not resolved
  </code></pre>
  
  <p>I was trying to set an alias to the 'src' folder using the following Webpack configuration, in the vue.config.js, but no luck as well:</p>
  
  <pre><code>module.exports = {
    configureWebpack: {
      resolve: {
        alias: {
          "@": require("path").resolve(__dirname, "src")
        }
      }
    }
  }
  </code></pre>
  
  <p>I wonder if there is any way of achieving this?</p>