We don't want to load every file in a separate <script/> tag since that's a lot of requests back and forth between the client and server.
So, to mitigate the number of data transfers, investigate Webpack to bundle our files into a single static content javascript file that can be served to the client.
The bundle should be:
Minified
Sourcemapped - this ensures that when we debug in the browser, it'll display the files as separate files in the debugger instead of one giant, minified spaghetti mess.
We don't want to load every file in a separate
<script/>tag since that's a lot of requests back and forth between the client and server.So, to mitigate the number of data transfers, investigate Webpack to bundle our files into a single static content javascript file that can be served to the client.
The bundle should be: