The hand and take you to master the new Webpack4.0

Course Description:
Webpack present, whether in a job or work, using more and more popular. And I want to learn to learn more Webpack no easy task. This course is full of knowledge clarify Webpack 4 under the latest version, written by the basic principles of the code + + + examples of complex cases the analysis is complete Webpack4 analysis and explanation. More important it is for you to have a global understanding of the construction of the entire front end of the project, the ability to achieve ideological double upgrade.

Course Contents:
Chapter 1 Course Guidance (dispel your doubts learning)
master Webpack increasingly become the standard front-end engineer skills, the whole course will be introduced in this chapter, you learn to dispel doubts.
1-1 Course Guidance

Study Chapter 2 Webpack
chapter by clear and understandable example with Webpack you know the background and the problems it can solve. On this basis, to build a complete development environment, Webpack installation, and use the most basic Webpack explain.
What exactly is 2-1 webpack?
2-2 What is a module packaging tools?
Correct installation 2-3 Webpack of
2-4 Webpack profile
2-5 On Webpack output package contents

Chapter 3 Webpack core concepts
This chapter describes some of the core concepts in Webpack, starting with Loader Plugin, you learn with Webpack understand the operating mechanism, and then gradually in-depth, expand common concepts derived SoureMap, HMR, WDS and so on. During the course of this chapter, the additional way to access to official documents Webpack to explain, to help you learn to consult the documentation. ...
3-1 What is loader
3-2 Loader package static resources (Picture chapter)
3-3 Loader package using static resources (style articles - on)
3-4 Loader package static resources (style articles - down)
3-5 to make packaging more convenient to use plugins
3 Output of the basic configuration -6 Entry
3-7 SourceMap configuration
3-8 WebpackDevServer improve development efficiency using
3-9 hot module Replacement heat update module (. 1)
3-10 hot Replacement heat Module1 module updates (2)
3-11 Babel processing ES6 syntax (1)
3-12 Babel processing ES6 grammar (2)
3-13 Webpack achieve packaged React framework code of

advanced concepts Chapter 4 Webpack the
chapter the third chapter then continues to explain the greater difficulty in Webpack knowledge points, including the Tree Shaking, Code Spliting, packaged environment distinction, cache, shimming and other content to help you continue to expand basic knowledge of Webpack.
4-1 Tree Shaking concept Detailed
4-2 Develoment patterns and distinguishing Production packaging
4-3 Webpack Splitting and Code (1)
4-4 of Webpack Splitting and Code (2)
4-5 SplitChunksPlugin configuration Parameter Description (1)
4-6 SplitChunksPlugin Configuration Parameter Description (2)
4-7 Lazy Loading lazy loading, what Chunk that?
4-8 packaging analysis, Preloading, Prefetching
Code 4-9 CSS files split
4-10 Webpack the browser cache (Caching)
4-11 Shimming role
to use environment variables 4-12

Chapter 5 Webpack actual configuration examples to explain
This chapter library package, PWA project package, TypeScript combat support package configuration common Webpack case with all the latest front-end engineering common sense, and in the process of realization of the instance, the consolidation of the basics of points in the first three chapters. At the same time the end of the chapters of the package contents Webpack performance optimization, to help students learn how to make reasonable packaging process optimization in the package too slow. ...
5-1 packaged Library of
5-2 PWA packaging configuration
5-3 TypeScript packaging configuration
5-4 WebpackDevServer achieve forward the request
5-5 WebpackDevServer single-page application to solve the routing problem
5-6 EsLint configuration of Webpack (1)
5-7 EsLint configuration (2) 5-8 webpack performance optimization (1) in the Webpack
5-9 webpack performance optimization (2)
at 5-10 Webpack performance optimization (. 3)
5-11 Webpack performance optimization (4 )
5-12 webpack performance optimization (5)
5-13 multi-page package configuration

analysis Chapter 6 Webpack underlying principles and scaffolding tools
This chapter first describes how he achieved in Webpack Plugin Loader and expansion. After understanding Webpack extension mechanism, taking a step forward in-depth Webpack bottom, through encoding, to achieve a similar Webpack simple packaging tool, in the process, so that students can truly understand the complex packaging concepts and principles underlying process. ...
6-1 how to write a Loader (1)
6-2 how to write a Loader (2)
6-3 how to write a Plugin
6-4 Bundler source code written (module analyzes 1)
6-5 Bundler source code written (module analyzes 2)
preparation of 6-6 Bundler source (the Dependencies Graph)
6-7 write the Bundler source (generate Code)

Chapter 7 Create-React-App Vue-Cli 3.0 scaffolding and configuration analysis tools
last chapter adds Create-React-App 3.0 scaffolding and two front-end tools Webpack Vue-Cli configuration analysis of content, skills to help students understand different starting point scaffolding tool design and configuration.
7-1-depth study by CreateReactApp Webpack configuration (1)
7-2 CreateReactApp depth study Webpack configuration (2)
7-3 3 Vue CLI configuration and Lessons Learned (1)
7-4 Vue CLI configuration methods and curriculum 3 summary (2)

 

下载地址:手把手带你掌握新版Webpack4.0

Guess you like

Origin www.cnblogs.com/lijm1266/p/12154507.html