1.Loader
1.1 Loader作用
1.2 Loader简介
1.2.1 Loader类型
1.2.2 Loader顺序
2.类型顺序
pre > noraml > inline > post
3.配置顺序
从右到左,从下到上(即配置的链表的逆序)
1.2.3 Loader使用
1.配置Loader
2.内联Loader
3.脚手架Loader
1.3 Loader开发
1.3.1 Loader模式
1.开发Loader基本概念
2.同步Loader
3.异步Loader
3.Raw Loader
4.Pitch Loader
1.3.2 Loader方法
1.3.3 clean-log-loader
1.3.4 banner-loader
1.3.5 babel-loader
1.3.6 file-loader
1.3.7 style-loader
注意:style-loader的实现是一种利用pitch loader解决特殊链式调用的解决方案
2.Plugin
2.1 Plugin作用
2.2 Plugin简介
2.2.1 Plugin原理
2.2.2 Webpack钩子
1.钩子
2.Tapable
2.2.3 Webpack构建对象
1.Compiler
2.Compilation
2.2.4 Webpack生命周期
Webpack生命周期可以通过钩子描述,下面结合Compiler和Compilation的常用钩子描述Webpack生命周期
2.3 Plugin开发
2.3.1 Plugin模式
2.3.2 Plugin钩子
2.3.3 banner-webpack-plugin
2.3.4 clean-webpack-plugin
2.3.5 analyze-webpack-plugin
2.3.6 inlineChunk-webpack-plugin
3.调试
在构建工具中调试
1.构建工具代码中设置debugger断点
2.配置调试指令