title: How to setup webpack to copy files in VS Code
body: <p>I have started a new personal project in VS Code.  I am new to VS Code, and webpack.</p>
  
  <p>I created a new angular project by running the following commands: </p>
  
  <pre><code>npm install -g @angular/cli
  ng new CyclingApp
  </code></pre>
  
  <p>This resulted in the following file structure:</p>
  
  <p><a href="https://i.stack.imgur.com/gdlYF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gdlYF.png" alt="FileStructure"></a></p>
  
  <p>I have read that the <code>node_modules</code> should never be referenced by for instance, a <code>script</code> tag to include the minified <code>.js</code> files.</p>
  
  <p>I would like to take the minified files out of <code>node_modules</code> and place it into a public folder, for instance, <code>./scripts</code>.</p>
  
  <p>At the moment, when I want to run my app, I use the following command <code>ng serve --open</code>.</p>
  
  <p>When I run this, I can see that webpack is active, and is doing some stuff (Will need to go read up on this more).  </p>
  
  <p>Where does it get this build commands from?  I would like to go and set my 'copying commands' there as well, but I do not see any webpack.config.js file?</p>