Public vs src directories (vue-cli)

Question

The default directory structure when using vue-cli contains a 'public' directory and 'src' directory. The public directory contains index.html. What exactly is the purpose of putting index.html in the public directory instead of src? What are other examples of files that should go in public?

Answer 1

Files placed in the public folder are static and will not be processed by webpack.

"Placed in the public directory and referenced via absolute paths. These assets will simply be copied and not go through webpack"

Source: https://cli.vuejs.org/guide/html-and-static-assets.html#static-assets-handling

Example may include: Favicon, icons for PWA, robots.txt, manifest.json... Just to name a few.