I'm a bit confused about the difference between the main entrypoint between package.json and entry: main in webpack.config.js when both are present in a project setting. Could someone help me explain the difference between the 2, and at which point of the application do we go into which entrypoint? Which one happens first?
entry: main is domain specific for Webpack and the term main can be replaced by anything. You can call it monsterkitten. This is just the name for the entry. main just seems to be the default.
The main field in package.json has a meaning and is documented on SO here.
The main Webpack entry should not collide in any way with the package.json entry.