Four dimensions unlock Webpack3.0 tool full-skill Video Webpack Tutorial

Source: Internet
Author: User
Tags webpack tutorial

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 CSS Treeshaking and other new features.

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

Original address: http://linyunbbs.com/thread-2198-1-1.html

Four dimensions unlock Webpack3.0 tool full-skill video Webpack tutorial

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.