title: Vue CLI - Keep config file as external after compilation
body: <p>I'm developing an application with Vue CLI.
  This application is a web interface which will have to communicate with a Rest API on a board.</p>
  
  <p>So, because the board will move, the IP of the board will change over time depending on where I am.</p>
  
  <p>This is my project current tree :</p>
  
  <p><a href="https://i.stack.imgur.com/5gZva.png" rel="noreferrer"><img src="https://i.stack.imgur.com/5gZva.png" alt="Project tree"></a></p>
  
  <p>The IP configuration is contained in the Settings.js file :</p>
  
  <pre><code>export const Settings = {
      // Server configuration
      SERVER_IP: '127.0.0.1',
      SERVER_PORT: '9000',
  
      SERVER_PROTOCOL: 'http', // http or https
  
      // Website configuration
      DEBUG_MODE: true
  };
  </code></pre>
  
  <p>And in my files, I import this IP with the following statement :</p>
  
  <pre><code>import {Settings} from '../../Settings'
  const ip = Settings.SERVER_IP;
  
  // Do stuff
  </code></pre>
  
  <p>This works fine. But the problem is: I have to recompile everything when the IP change. Because Settings.js is compiled with other JS files.</p>
  
  <p>So, I would like to know if there is a way to have a config file which will remain in the dist/ directory and will be read by my JS application during execution. So I will not have to recompile everything each time my application server IP change.</p>
  
  <p>Ty for your help :)</p>