web-wechat

webpack 初级教程

1.基础篇

1.webpack 的基础配置

2.webpack 打包出的文件解析

3.html 插件

4.样式处理 1

5.样式处理 2

6.转化 es6 语法

7.处理 js 语法及校验

8.全局变量引入问题

9.图片处理

10.打包文件分类

2.配置篇

1.打包多页应用

2.配置 source-map

3.watch 的用法

4.webpack 小插件应用

5.webpack 跨域问题

6.resolve 属性的配置

7.定义环境变量

8.区分不同环境

3.webpack优化

1.noParse

2.lgnorePlugin

3.dllPlugin

4.happypack

5.webpack自带优化

6.抽离公共代码

7.懒加载

8.热更新

4.tapable

1.tapable(1)

2.tapable(2)

3.AsyncParralleHook

4.AsyncSeriesHook

5.AsyncSeriesWaterfall

5.手写webpack

1.webpack手写

2.webpack分析及处理

3.创建依赖关系

4.AST递归解析

5.生成打包结果

6.增加laoder

7.增加plugins

6.手写loader

1.loader

2.loader配置

3.babel-loader实现

4.banner-loader实现

5.实现file-loader和url-laoder

6.less-loader和url-loader

7.css-loader

手写webpack插件

1.webpack流程介绍

2.webpack中的插件

3.文件列表插件

4.内联webpack插件

5.打包后自动发布