• Stars
    star
    103
  • Rank 333,046 (Top 7 %)
  • Language
  • Created almost 6 years ago
  • Updated almost 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

前言

本系列 ��Webpack 课程成册于一年前,并在gitchat上取得了不错的反响,成功帮助不少想深入了解 Webpack 的同学。现将其开源出来,欢迎阅读。课程篇幅较长,文中错误在所难免,也�恳请同行不吝指出。

课程简介

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

内容从 Webpack 的基本概念和使用逐步深入到核心,如 LoaderPlugin 的书写,以及 CompilerCompilation 对象分析;同时也涵盖了 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,并能够按照项目需求快速开发一个适合于自身项目的打包工具,在开发中做到得心应手。

More Repositories

1

react-article-bucket

总结,积累,分享,传播JavaScript各模块核心知识点文章全集,欢迎star,issue(勿fork,内容可能随时修改)。webpack核心内容部分请查看专栏: https://github.com/liangklfangl/webpack-core-usage
803
star
2

bisheng-sourceCode-plugin

bisheng脚手架源码分析,将markdown转化为静态网站,来自于[我的github文章全集](https://github.com/liangklfangl/react-article-bucket)
JavaScript
173
star
3

react-universal-bucket

该文章来源于我的github文章全集,欢迎star
JavaScript
90
star
4

webpack-dev-server

Webpack-dev-server源码与原理深入分析,来自于[我的github文章全集](https://github.com/liangklfangl/react-article-bucket)
JavaScript
79
star
5

commonsChunkPlugin_Config

Webpack的common-chunk-plugin源码分析,来自于[我的github文章全集](https://github.com/liangklfangl/react-article-bucket)
JavaScript
51
star
6

webpack-hmr

这篇文章来自于我的github文章全集,欢迎star https://github.com/liangklfangl/react-article-bucket
30
star
7

atool-build-source

atool-build这个插件的使用和源码分析,来自于[我的github文章全集](https://github.com/liangklfangl/react-article-bucket)
JavaScript
26
star
8

astexample

该文章来源于我的github文章全集,欢迎star,https://github.com/liangklfangl/react-article-bucket
JavaScript
24
star
9

commonchunkplugin-source-code

该文章来自我的github文章全集
JavaScript
22
star
10

wcf

该文章来源于我的github文章全集,欢迎star,https://github.com/liangklfangl/react-article-bucket
JavaScript
15
star
11

webpack-compiler-and-compilation

该文章来源于我的github文章全集,欢迎star,https://github.com/liangklfangl/react-article-bucket
13
star
12

npm-dist-tag

该文章来源于我的github文章全集,欢迎star,https://github.com/liangklfangl/react-article-bucket
13
star
13

babel-compiler-extends

该文章来源于我的github文章全集,欢迎star,https://github.com/liangklfangl/react-article-bucket
10
star
14

webpack-common-sense

该文章来源于我的github文章全集,欢迎star,https://github.com/liangklfangl/react-article-bucket
8
star
15

react-animation-demo

JavaScript
8
star
16

webpack-external-library

该文章来源于我的github文章全集,欢迎star,https://github.com/liangklfangl/react-article-bucket
JavaScript
7
star
17

npm-command

该文章来源于我的github文章全集,欢迎star,https://github.com/liangklfangl/react-article-bucket
JavaScript
6
star
18

react-npm-node-errors

该文章来源于我的github文章全集,欢迎star,https://github.com/liangklfangl/react-article-bucket
6
star
19

shellGlobStar

Shell
5
star
20

prepack-vs-webpack

该文章来源于我的github文章全集,欢迎star,https://github.com/liangklfangl/react-article-bucket
5
star
21

sy-template

JavaScript
3
star
22

webpackDll

JavaScript
3
star
23

react-context-demo

JavaScript
2
star
24

bootstrap-loader-demo

bootstrap-loader-demo
HTML
1
star
25

Vue-Demo

Vue基础知识学习实例代码,来源于我的[github文章全集](https://github.com/liangklfangl/react-article-bucket) 。欢迎star
JavaScript
1
star
26

winPath

JavaScript
1
star
27

webpack-code-splitting

code splitting width webpack
JavaScript
1
star
28

webpack-chunkfilename

Showing how to configure webpack chunkfilename
JavaScript
1
star
29

node-vm

JavaScript
1
star