1. Entry Entry (Entry) instructs webpack to use which file as the entry point to start packaging, and analyzes and builds the internal dependency graph.
2. Output Output (Output) instructs Webpack where to output resource bundles packaged and how to name them.
3. Loader handles non-js files Loader allows Webpack to process those non-JavaScript files (Webpack itself understands JavaScript)
4. Plugins Plugins (Plugins) can be used to perform a wider range of tasks. The range of plugins includes, from packaging optimization and compression, to redefining environment variables.
5. Mode mode (Mode) instructs Webpack to use the configuration of the corresponding mode