原创超清的 Webpack2 视频教程

原文发表于个人技术博客

这是我免费发布的高质量超清「Webpack 2 视频教程」。
Webpack 做为目前前端开发必备的框架，Webpack 发布了 2.0 版本，此视频就是基于 2.0 的版本讲解的。
这个基本就是目前国内最好的 Webpack 2.0 最好的学习视频了，但愿能够对新手或者复习相关知识的朋友有用。

原文发表于个人技术博客

Webpack 是当下最热门的前端资源模块化管理和打包工具。它能够将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还能够将按需加载的模块进行代码分隔，等到实际须要的时候再异步加载。经过loader的转换，任何形式的资源均可以视做模块，好比 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。

1. 视频课程简介

• 001 - Webpack 简介
• 002 - NodeJS 安装与配置
• 003 - Webpack 项目初始化
• 004 - Webpack 初体验
• 005 - Webpack 编译输出日志
• 006 - 使用快捷方式进行编译
• 007 - 配置 WDS 进行浏览器自动刷新
• 008 - WDS 端口号等配置相关
• 009 - 配置 ESLint 实现代码规范自动测试 (上)
• 010 - 配置 ESLint 实现代码规范自动测试 (下)
• 011 - Webpack2 中加载 CSS 的相关配置与实战
• 012 - 理解 Webpack 中的 CSS 做用域与 CSS Modules
• 013 - 自动分离 CSS 到独立文件
• 014 - 深刻理解 Webpack 2 中的 loader
• 015 - Webpack 2 中的文件压缩
• 016 - Webpack 2 中生成 SourceMaps
• 017 - Webpack 2 中分离打包项目代码与组件代码
• 018 - 使用可视化图表进行统计分析打包过程
• 019 - Webpack 2 中配置多页面编译
• 020 - Webpack 2 中的 HMR ( Hot Module Replacement )

2. 课程源码地址

https://github.com/ParryQiu/DevOpenClub-Tech-Webpack2

3. 视频课程地址

课程更新地址：http://tech.parryqiu.com/lesson/webpack2.html

优酷超清视频播单：http://list.youku.com/albumlist/show?id=49394464&ascending=1&page=1

4. 高质量前端开发小密圈

DevOpenClub 一直致力于免费分享高质量的软件开发的相关视频教程，在每一门技术的学习交流过程当中都和你们造成了一个很是明确的讨论圈。
以前一直都是 QQ 群、微信群进行讨论，恰好最近「小密圈」流行，并且「小密圈」很好地解决了群交流的不少缺点。

• 有价值的信息不能沉淀的问题，有了小密圈，分享的东西均可以沉淀下来，和论坛同样随时能够翻看；
• 能够直接进行提问得到解答；
• 随时能够过滤掉垃圾信息，并且不受群垃圾消息的轰炸；
• 付费永远都是过滤垃圾信息最好的办法。

此小密圈功能

• 每日分享高质量的国外技术开发头条信息与资源；
• 获取每一年全部原创开发视频教程的第一手更新；
• 获取百度云中分享的超清视频课程以及源码等相关资料；
• 获取其余高质量软件开发行业新闻、技术文章、教学视频分享；
• 第一时间获取视频更新提醒及观看密码；
• 遇到相关技术问题能够进行快速提问以及讨论交流；
• 群中认识更多的朋友以及合做开发项目的机会；
• 认识更多的行业朋友，或者交流本身的创业小项目。

如何加入

使用微信识别下面的二维码（或点击下面的连接）便可加入，价格是小密圈能设置的最低价格，随着人数的增多会进行价格上调。加入后永久有效。

扫码或点击此连接加入
点击此连接加入小密圈