title: Webpack / Vuejs - Changing path of assets?
body: <p><em>(Coming from Gulp, I am new to Vue and Webpack)</em></p>
  
  <p>I have made a small Vue app using the vue-cli. 
  My paths in the webpack config file are currently set up like this:</p>
  
  <pre><code>assetsRoot: path.resolve(__dirname, '../dist'),
  assetsSubDirectory: 'assets',
  assetsPublicPath: '../'
  </code></pre>
  
  <p>This results, as expected, in the following:</p>
  
  <p><strong>index.html</strong>: <code>../assets/css/app.css</code></p>
  
  <p><strong>app.css</strong>: <code>../assets/img/myimage.png</code></p>
  
  <hr>
  
  <p>The problem is that my assets aren't served from this location on the production server. This is also out of my control. Right now, I need to manually (after build, using replaceAll) change the paths to this:</p>
  
  <p><strong>index.html</strong>: <code>assets/css/app.css</code></p>
  
  <p><strong>app.css</strong>: <code>../img/myimage.png</code></p>
  
  <p>Is there a way to automate this in Webpack? I have tried multiple different <code>assetsPublicPath</code>'s. But seeing that I need 2 different paths for index.html and app.css, this has no effect..</p>
  
  <p>Any idea's? Thanks</p>