title: Vue local config file per App installation
body: <p>I am new the Vue.js and I am trying first steps with an app. So for understanding the basics, I want a local config file per App installation to customise some needed variables in the code.</p>
  
  <p>So in my main.js I tried the following:</p>
  
  <pre><code>import Vue from 'vue'
  import App from './App.vue'
  
  let config;
  
  try {
    config = require('../config.json');
  } catch (e) {
    config = require('../public/config.json');
  }
  
  Vue.config.productionTip = false;
  Vue.prototype.$localConfig = config;
  
  new Vue({
    render: h =&gt; h(App)
  }).$mount('#app');
  </code></pre>
  
  <p>This is working, until I build the production version with the dist folder. If I open the config.json in the root of the dist and change a property value, I see always the first defined values from the development env. So is webpack making there some caching? Is this at all the right way of handling such a local config file per App installation?</p>
  
  <p>Maybe someone could give me some tips on this.</p>