Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/azl397985856/mono-webpack

Create webpack from zero series
https://github.com/azl397985856/mono-webpack

Last synced: 7 days ago
JSON representation

Create webpack from zero series

Awesome Lists containing this project

README

        

# 从零开始开发一个 Webpack

为了加深自己对 Webpack 理解,同时也能帮助到其他想要深入理解 Webpack 原理的同学。
我开了这样的一个仓库。

这个仓库分为两部分,一部分是项目主体,也就是 master 分支。这部分保持最新的代码,并尽可能实现 Webpack 的新特性。

另一部分是供大家学习的部分,分支名称以 lecture 开头,大家可以切换到对应分支,查看相应特性的代码和课程介绍。
课程目录见后面`课程列表部分`。 大家也可以通过 [github commit](https://github.com/azl397985856/mono-webpack/commits/master) 功能进行比较,查看代码的变更。

这里是我在我们组内进行分享的时候做的一个[ppt](https://slides.com/azl397985856/webpack#/), 如果大家对如何开发一个打包器还是很模糊建议看一下。

## 先行知识

学习这个课程之前呢,需要各位对 Webpack 的 API 有一定的了解。

> 如果完全不了解的话,不建议您继续往下看。

如果你已经具备了相关 Webpack 的知识,那么就让我们开始吧!

## 开始学习

如果你想学习的话,请切换到对应分支。

比如你想学习第一课,就切换到 lecture/part1 分支 ,想学习第二课,就切换到 lecture/part2 分支,依次类推。

### 课程列表

现在已经完成了前两章内容的草稿,并计划在 2018-07 月份进行完善和纠错。
其他章节部分计划八月份实现。如果你特别感兴趣,请在 issue 区域留言,也许会提前也不一定。

> 草稿,随时可能变更

1. [完成最基本的功能](https://github.com/azl397985856/mono-webpack/tree/lecture/part-1)

2. [增加 loader](https://github.com/azl397985856/mono-webpack/tree/lecture/part-2)

3. [增加 plugin](https://github.com/azl397985856/mono-webpack/tree/lecture/part-3)

4. 模块解析

...未完待续

## Licence

MIT