current position：Home>Webpack wheel building opening: wheel architecture
Webpack wheel building opening: wheel architecture
2021-08-27 10:31:15 【baymax】
This is the first article in this column , It's also a new one webpack The beginning of the wheel .
1. The importance of wheels
Why repeat the wheel ？ especially webpack Such a complex building system , So many ecological chains , Certainly not as good as the existing ones . Yes , I know my strength is not enough to make better wheels at present , Maybe even just a simple wheel , Can't carry too much weight on the wheel . But I don't think it's important , The process of making wheels , It's a summary + The rising process . When you realize it yourself , Not only can we have a deeper understanding of the bottom of the framework webpack The underlying principle of , Yes webpack Have a deeper understanding of , Of it
loader Be able to know the root , Of it
hotLoad Be able to understand its principle , Moreover, the short board of this mode may be found when making wheels . I think that's the essence of making wheels , At present, being able to reach this stage is also a phased victory .
The features of this column
In this column , Try not to analyze directly webpack Source code , I hope I can analyze why the authors do this , If you want me to do , What should I do? , Then on this basis , An important interpretation of the source code .
therefore , I may keep nagging about some concepts , Constantly nagging about some logic , It is possible that the code written will also be overturned and redone . But it's not that important , What is important is the process of constant quantitative change to qualitative change , In the Middle East: , It is also the process of my own continuous improvement .
The construction methodology of the wheel
What is considered is by face and point , Then point and face , It's probably divided into these parts ：
- Continue to use dozens of lines of code to build the simplest frame of a wheel , That is, the central axis of the wheel （ Core logic ）.
- Prepare for expansion from the central axis ( Add lifecycle hooks ).
- Add spokes （ increase Plugin、loader）
- Add outer ring (es6 To es5、 increase dev-middleware,hot-middleware Such as middleware )
such , A new wheel came into being , Be able to conduct in-depth experiments , It can even be applied to production .
After all , The wheel is an important invention of human progress , meanwhile , Because you keep building wheels over and over again , To keep the wheels changing , Constantly updated , Continuously improve productivity . Rolling transportation from logs , To the use of wooden wheels , Today, car wheels 、 The extensive use of aircraft wheels , Isn't that the best proof . ha-ha , I feel like I've found a good example of making wheels .
below , According to the methodology , Rebuild the wheel step by step . Because usually work under great pressure , So try to make the most of the weekend , Update between breaks , Ladies and gentlemen, please wait patiently . meanwhile , You are also welcome to join the writing of this column , Build the wheel together ~~
Due to factors such as time or impulse at that time , When I was writing , It may not follow the above steps completely . But I think , As more and more articles follow , I will keep sorting , Make it more and more organized .
author[baymax],Please bring the original link to reprint, thank you.
The sidebar is recommended
- Crazy blessing! Tencent boss's "million JVM learning notes", real topic of Huawei Java interview 2020-2021
- How to implement injection in vuex source code?
- JQuery operation select (value, setting, selected)
- An article disassembles the pyramid architecture behind the gamefi outbreak
- BEM - a front-end CSS naming methodology
- [vue3] encapsulate custom global plug-ins
- Error using swiper plug-in in Vue
- Another ruthless character fell by 40000, which was "more beautiful" than Passat and maiteng, and didn't lose BMW
guess what you like
Huang Lei basks in Zhang Yixing's album, and the relationship between teachers and apprentices is no less than that in the past. Netizens envy Huang Lei
He was cheated by Wang Xiaofei and Li Chengxuan successively. Is an Yixuan a blessed daughter and not a blessed home?
Zhou Shen sang the theme song of the film "summer friends and sunny days" in mainland China. Netizen: endless aftertaste
Pink is Wangyuan online! Back to the peak! The new hairstyle is creamy and sassy
Front end interview daily 3 + 1 - day 858
Spring Webflux tutorial: how to build reactive web applications
[golang] walk into go language lesson 24 TCP high-level operation
August 23, 2021 Daily: less than three years after its establishment, Google dissolved the health department
The female doctor of Southeast University is no less beautiful than the female star. She has been married four times, and her personal experience has been controversial
There are many potential safety hazards in Chinese restaurant. The top of the program recording shed collapses, and the artist will fall down if he is careless
- Anti Mafia storm: He Yun's helpless son, Sun Xing, is destined to be caught by his dry son
- Introduction to flex flexible layout in CSS -- learning notes
- CSS learning notes - Flex layout (Ruan Yifeng tutorial summary)
- Today, let's talk about the arrow function of ES6
- Some thoughts on small program development
- Talk about mobile terminal adaptation
- Unwilling to cooperate with Wang Yibo again, Zhao Liying's fans went on a collective strike and made a public apology in less than a day
- JS function scope, closure, let, const
- Zheng Shuang's 30th birthday is deserted. Chen Jia has been sending blessings for ten years. Is it really just forgetting to make friends?
- Unveil the mystery of ascension
- Asynchronous solution async await
- Analysis and expansion of Vue infinite scroll source code
- Compression webpack plugin first screen loading optimization
- Specific usage of vue3 video play plug-in
- "The story of huiyeji" -- people are always greedy, and fairies should be spotless!
- Installing Vue devtool for chrome and Firefox
- Basic usage of JS object
- Two easy-to-use animation JS that make the page move
- Front end Engineering - scaffold
- Java SQL Server intelligent fixed asset management, back end + front end + mobile end
- Array de duplication problem solution - Nan recognition problem
- New choice for app development: building mobile applications using Vue native
- New gs8 Chengdu auto show announces interior Toyota technology blessing
- Vieira officially terminated his contract and left the team. The national security club sent blessings to him
- Less than 200000 to buy a Ford RV? 2.0T gasoline / diesel power, horizontal bed / longitudinal bed layout can be selected
- How does "heart 4" come to an end? Pinhole was boycotted by the brand, Ma Dong deleted the bad comments, and no one blessed him
- We are fearless in epidemic prevention and control -- pay tribute to the front-line workers of epidemic prevention!
- Front end, netty framework tutorial
- Xiaomi 11 | miui12.5 | android11 solves the problem that the httpcanary certificate cannot be installed
- The wireless charging of SAIC Roewe rx5 plus is so easy to use!
-  typescript
- CSS transform Complete Guide (Second Edition) flight.archives 007
- Ajax foundation - HTTP foundation of interview essential knowledge
- Cloud lesson | explain in detail how Huawei cloud exclusive load balancing charges
- [JS] 10. Closure application (loop processing)
- Left hand IRR, right hand NPV, master the password of getting rich