Webpack4系列开源课程

DongYuanxin

2018-07-29

1. 什么是`webpack`?

前端目前最主流的javascript打包工具，在它的帮助下，开发者可以轻松地实现加密代码、多平台兼容。而最重要的是，它为前端工程化提供了最好支持。vue、react等大型项目的脚手架都是利用 webpack 搭建。

所以，学习webpack可以帮助开发者更好的进行基于javascript语言的开发工作。

如果一个新手不幸打开vue-cli中关于webpack的配置，乱起八糟的配置就像看天书一样（我就是这样）。

所以，学习的时候还是要从基础学起，首先应该学习常用的概念、插件的用法，最后，才能根据需要进行组合。

因此，这个系列教程先从JS、编译ES6等方面讲起，逐步延伸到CSS、SCSS等，再到多页面、懒加载等技术，力求将知识点解构，而不是混淆在一起。

本课程不同于网上的v3版本，采用最新的webpack4。并且会记录v3 -> v4升级过程中的一些问题。

如果你的自学能力很强，欢迎直接来看源码。仓库地址：https://github.com/dongyuanxin/webpack-demos

如果对您的学习、工作或者项目有帮助，欢迎帮忙 Star，更欢迎一起维护。

按照知识点，目录分成了 16 个文件夹（之后还会持续更新）。代码和配置都在对应的文件夹下。

此教程是在我学习 mooc 网四大维度解锁 Webpack3.0 工具全技能整理的代码和v4.0版本的升级教训。欢迎大家去学习。