Four dimensions unlock Webpack3.0 tool full skill

The 1th chapter of the course introduction
This paper describes the curriculum background, from the front-end development changes to the development of the front-end tools, introduced the course content, the course arrangement.

2nd Chapter Study Preparation
The idea of modularization development, the preparation of learning environment, the general situation of Webpack, the change of version, the core concept and so on, are prepared for the beginning of practical learning webpack.

3rd Chapter Webpack (1)
Consists of a sample of the Webpack in the processing of various instances under the configuration, examples include Typescript Ecmascript less language pre-compilation, explained the Webpack extract public Code, code segmentation, dynamic Import, magic annotations, JS and New features such as CSS treeshaking.

4th Chapter Webpack (2)
image compression, CSS Sprite, postcss usage, HTML generation, and more.

5th Chapter Webpack Environment Configuration
describes how to build a Webpack local development environment, configure module hot updates, how to debug code through SOURCEMAP, and improve code quality through code checking tools.

6th Chapter Webpack Combat Scene
describes the Webpack Packaging analysis tool, how to increase the packaging speed if you use the Webpack long cache optimization.

7th Chapter Webpack and Vue
introduces the combination of Webpack and Vue, the template introduction of VUE-CLI, and the various configurations in the template.

8th Chapter Webpack and React
introducing the combination of Webpack and React, introducing the official scaffolding Create-react-app and various configurations.

9th Chapter Webpack and Angular
introduces the combination of Webpack and Angular, describes the official command line tool ANGULAR-CLI, and how to customize the configuration.

The 10th chapter of the course summary
Webpack related interview technical explanation.

: Baidu Network Disk download

Four dimensions unlock Webpack3.0 tool full skill