In the previous chapter, we saw how to start using Vue CLI via both the command line and the UI. In this chapter, we will cover webpack basics from the viewpoint of Vue CLI 3. We will begin with an overview of what webpack is. We'll look at concepts behind module bundling, tree shaking, webpack loaders and output, webpack plugins, Hot Module Replacement (HMR), code coverage and code splitting, and then we'll look at how these concepts fit in with Vue CLI 3 as follows:
- The evolution of the JavaScript (JS) language from the script tag to module bundlers
- The script tag
- Immediately Invoked Function Expressions (IIFEs), what problems they solve, and what problems they don't
- How Node Package Manager (NPM) helps teams share third-party libraries in their code
- The role of JS task runners and NPM scripts
- What the CommonJS specification is and how modules...
