title: Webpack - Serve external static resources in development
body: <p>I have a Jhipster (4.14.3) application where images are downloaded from 3rd party sources on a <code>@Scheduled</code> cron, and are served as static resources. When running the project for development purposes with <code>mvnw -Pdev,webpack</code> &amp; <code>yarn start</code>, the images are inaccessible. When packaging and executing the war, the resources are available as expected. 
  <code>mvnw package -Pdev -DskipTests &amp;&amp; java -jar target\foo-0.0.1-SNAPSHOT.war</code></p>
  
  <p><code>localhost:8080/images/FOO/someimage-0.png</code>: Works<br/><code>localhost:9000/images/FOO/someimage-0.png</code>: Cannot GET /images/FOO/someimage-0.png</p>
  
  <p>I've set up the resource handler below for the external resources. All remote images are downloaded to this directory.</p>
  
  <pre><code>    @Configuration
      public class StaticResourceConfiguration extends WebMvcConfigurerAdapter {    
      @Override
          public void addResourceHandlers(ResourceHandlerRegistry registry) {
          String s = Paths.get(System.getProperty("user.home"), "images").toString() + File.separator;
          registry.addResourceHandler("/images/**")
              .addResourceLocations("file:///" + s);
          }
      }
  </code></pre>
  
  <p>The image location is pulled from the database, and displayed:
  <code>&lt;img [src]="entry.photo.location"&gt;</code> => '/images/FOO/someimage-0.png'</p>
  
  <p>Is there a way to configure the Spring or Webpack that I can view the resources while developing? </p>