Re learn webpack series articles, systematic learning webpack

Time:2020-11-2

objective

Re learning the webpack series is the summary and re learning of small knowledge points about front-end engineering that I learned in the daily development, and output through writing to form my own knowledge system

At the same time, we hope that through this integration and learning, we can master the following knowledge:

  1. Understand the basic application of webpack.
  2. Resources will be optimized.
  3. Understand the workflow inside webpack.
  4. Summarize and learn again.

Navigation of overall learning ideas

Code for webpack demo project

Completed:

Basic

  1. Re learning the basics of webpack Part 1: the basic understanding of webpack
  2. Re learning the basics of webpack Part 2: building the basic development environment of the front end
  3. Re learning the basics of webpack (3): configuring loader and plugin
  4. Re learning the basics of webpack (4): analysis of webpack dev server
  5. Re learning the basics of webpack (5): configuration development, test and production environment

Optimization

  1. Re learning webpack optimization part 1: optimizing static resources
  2. Re learning webpack optimization part 2: optimizing configuration to improve construction speed
  3. Re learning webpack optimization part 3: gzip of HTTP compression
  4. Re learning the optimization of webpack (4): hard source webpack plugin

Principles

  1. Re learning the principles of webpack (2): hash, chunkhash, contenthash

In preparation:

  1. Re learning the principle of webpack Part 1: the workflow and principle of webpack
  2. Re learning the principle of webpack (3): principle of webpack dev server
  3. Re learning the principle of webpack (4): handwritten loader
  4. Re learning the principle of webpack (5): handwritten plugin

What do you expect to learn from this course

  1. Detailed understanding and use of webpack.
  2. It can flexibly adjust and upgrade the configuration based on the existing scaffold.
  3. Knowledge integration and application.

Recommended Today

Regular expression sharing for checking primes

This regular expression is shown as follows: Regular expressions for checking prime numbers or not To use this positive regular expression, you need to convert the natural number into multiple 1 strings. For example, 2 should be written as “11”, 3 should be written as “111”, 17 should be written as “11111111111”. This kind of […]