How to use webpack modular management and packaging tools

This time I will show you how to use webpack modular management and packaging tools, and what are the precautions for using webpack modular management and packaging tools. The following is a practical case, let's take a look.

Introduction to Webpack

webpack is currently the most popular front-end resource modular management and packaging tool. It can package many loose modules into front-end resources that are suitable for production environment deployment according to dependencies and rules. You can also code-separate modules loaded on demand and load them asynchronously when they are actually needed. Through loader conversion, any form of resource can be regarded as a module, such as CommonJs modules, AMD modules, ES6 modules, CSS, images, JSON, Coffeescript, LESS, etc.

Evolution of the module system