https://github.com/liangklfangl/webpack-core-usage

webpack2完整系列课程，欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket
https://github.com/liangklfangl/webpack-core-usage

babel compilation compiler es6 hmr lazy-loading nodejs react-router tree-shaking webpack webpack-boilerplate webpack-configuration webpack-demos webpack-dev-server webpack-loader webpack-plugin webpack2

Last synced: 25 days ago
JSON representation

webpack2完整系列课程，欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket

• Host: GitHub
• URL: https://github.com/liangklfangl/webpack-core-usage
• Owner: liangklfangl
• Created: 2018-12-04T03:21:52.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2018-12-04T05:58:34.000Z (almost 6 years ago)
• Last Synced: 2024-09-28T22:01:15.426Z (about 1 month ago)
• Topics: babel, compilation, compiler, es6, hmr, lazy-loading, nodejs, react-router, tree-shaking, webpack, webpack-boilerplate, webpack-configuration, webpack-demos, webpack-dev-server, webpack-loader, webpack-plugin, webpack2
• Homepage:
• Size: 927 KB
• Stars: 108
• Watchers: 3
• Forks: 11
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### 前言

本系列 **Webpack** 课程成册于一年前，并在[gitchat](https://gitbook.cn/gitchat/column/59f57e2549cd43306135e255)上取得了不错的反响，成功帮助不少想深入了解 **Webpack** 的同学。现将其开源出来，欢迎阅读。课程篇幅较长，文中错误在所难免，也恳请同行不吝指出。

### 课程简介

本课程是为有一定了解或想深入了解Webpack打包原理的读者定制的。

内容从 **Webpack** 的基本概念和使用逐步深入到核心，如 **Loader** 和 **Plugin** 的书写，以及 **Compiler** 和 **Compilation** 对象分析；同时也涵盖了 **HMR** 的实现原理及 **Tree-shaking**、按需加载等高级知识点。

通过本课程，你可以深入的解和使用 **Webpack**，并能够按照项目需求快速开发一个适合于自身项目的打包工具。

### 你可以学到什么？

> 1.Webpack 的核心概念

> 2.Webpack 基本使用

> 3.webpack-dev-server 核心概念

> 4.webpack-dev-server 基本使用

> 5.Webpack 的 HMR 原理分析

> 6.Webpack 中的 Compiler 和 Compilation 对象

> 7.Webpack 常见插件原理分析

> 8.写一个 Webpack 插件

> 9.写一个 Webpack 的 loader

> 10.Webpack 结合 react-router 实现按需加载

> 11.Webpack 2 的 Tree-shaking 深入分析

> 12.以 Node 方式集成 Webpack 和 webpack-dev-server 打包

其实现在基于 **Webpack** 的打包工具非常成熟，读者可以在 **Github** 或者 **npm** 中轻松地找到需要的脚手架。但我见过很多同学虽能够正常地使用 **Webpack**，对 **Webpack** 的配置也十分了解，可当遇到问题时依然不知所措。

通过本系列课程，你可以深入地了解和使用 **Webpack**，并能够按照项目需求快速开发一个适合于自身项目的打包工具，在开发中做到得心应手。