Webpack 知识体系 | 青训营笔记

王水
63 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 十三 天

13. Webpack 知识体系

13.1 什么是Webpack？

image.png

image.png

image.png

image.png

13.2 使用Webpack

示例

image.png

核心流程

image.png

模块化+一致性

image.png

使用Webpack

image.png

流程类配置

image.png

配置总览

image.png

image.png

[Webpack配置官方文档](Configuration | webpack)

使用Webpack

image.png

使用Webpack-处理CSS

image.png

image.png

参考资料

style-loader | webpack

Webpack 原理系列七：如何编写loader (qq.com)

GitHub - webpack-contrib/css-loader: CSS Loader

使用Webpack-生成HTML

image.png

image.png

参考资料

HtmlWebpackPlugin | webpack

13.3 进阶篇：理解Loader

Webpack只认识js

image.png

使用Loader

image.png

认识Loader：链式调用

image.png

认识Loader：其他特性

image.png

Webpack 原理系列七：如何编写loader (qq.com)

如何编写Loader

image.png

常见Loader

建议掌握这些Loader的功能，使用方法

image.png

avatar
文章
阅读
粉丝