webpack之loader、plugin

webpack之loader、plugin

loader

  • 它分为 前置loader、普通loader、内联loader、后置loader
  • 在 rules 数组中，默认为loader
  • 它会收到文件内容，并返回处理完后的文件内容给下一个loader
  • 常见案例如去除log输出（利用正则替换为空，再返回出去）

plugin

  • 写一个class类，会自动执行constructor构造函数和apply方法
  • apply方法里面有各种钩子，分为同步钩子和异步钩子，钩子的具体用法，需要看官方文档
  • 注册钩子之后，会有一个回调，回调参数上的assets能拿到文件内容，可以对此进行修改，比如增加文件注释
posted @   朱在春  阅读(7)  评论(0)  编辑  收藏  举报
相关博文：
·  打包工具 Webpack（二）
·  打包工具 Webpack（一）
·  请讲讲在webpack中有哪些常见的loader和Plugin？
·  webpack原理
·  webpack中 loader和plugin的区别
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 25岁的心里话
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示
AI IDE Trae