title: entrypoint size limit: code splitting to limit the size of entrypoints in vue cli 3.x
body: <p>I get the following <code>warning</code> after building my project with vue cli 3:</p>
  
  <p><a href="https://i.stack.imgur.com/QW7Q8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QW7Q8.png" alt="enter image description here"></a></p>
  
  <p>After some look up I found out that there is no need to create a <code>webpack.config.js</code> as it is written <a href="https://stackoverflow.com/questions/49423756/vue-cli-3-0-where-is-the-config-file">here</a> (or <a href="https://forum.vuejs.org/t/where-to-configure-vue-cli3-webpack-base-conf-js/43803" rel="nofollow noreferrer">here</a>):</p>
  
  <blockquote>
    <p>The initial project doesn't require the file to exist because you just created a project with fresh "default" settings that don't require any config.</p>
  </blockquote>
  
  <p>The <a href="https://cli.vuejs.org/config/#vue-config-js" rel="nofollow noreferrer">Vue CLI documentation</a> offers a <code>vue.config.js</code> which is optional and will be automatically loaded if it's present in the project root. Also it seems possible to work with webpack in the <code>vue.config.js</code> like <a href="https://cli.vuejs.org/guide/webpack.html" rel="nofollow noreferrer">this</a>.</p>
  
  <p>I'm totally new to webpack and couldn't figure out how to limit the size of my entrypoints with the code splitting that is provided in the message of the <code>warning</code> abouve. Can somebody please give me a hint how to solve this using the <code>vue.config.js</code> file?</p>