0
点赞
收藏
分享

微信扫一扫

Webpack的Loader和Plugin

鱼满舱 04-14 10:30 阅读 2

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.配置调试指令

举报

相关推荐

0 条评论