loader的基本原理

帮助浏览器将不同类型的文件资源转化为浏览器可识别的资源

分类

  1. 前置loader: pre
  2. 普通loader: normal
  3. 内联loader': inline
  4. 后置loader:post

执行顺序:

pre > normal > inline > post

相同优先级: 从右到左, 从下到上

开发一个loader

每个loader都是一个函数, 接受文件内容作为参数, 返回处理之后的内容, 这就是loader的工作方式

// 去掉文件中的console.log();
module.exports = function (content) {
let reg = /console\.log\(.*\);?/g
return content.replace(reg, '')
}

使用

 {
test: /\.js$/,
loader: './loaders/clean-log-loader',
}

最新文章

  1. MySQL的多表查询(笛卡尔积原理)
  2. dapper 操作类封装
  3. PHP中文URL编解码(urlencode()rawurlencode()
  4. Java类的生命周期详解
  5. sqlite的事务
  6. Visual Studio中使用Git Flow
  7. 学习笔记——策略模式Strategy
  8. HDU1114Piggy-Bank(完全背包)
  9. python 文件名的操作
  10. Docker 系列四(自定义仓库).
  11. redhat7.2安全基线BI
  12. python第一百零二天-----第十七周作业
  13. RPM Database
  14. MongoDB内存管理机制
  15. zabbix日常监控Apache2.4
  16. python基础系列教程——Python3.x标准模块库目录
  17. The same month as the adidas NMD Singapore is releasing
  18. C# 异常日志记录
  19. 转 WINXP VBOX 给UBUNTU 加共享目录方法
  20. tk界面版股票下载

热门文章

  1. _Bool類型
  2. 上古神兵,先天至宝,Win11平台安装和配置NeoVim0.8.2编辑器搭建Python3开发环境(2023最新攻略)
  3. 【随笔记】Littlevgl 8.x 踩过的坑
  4. 【分析笔记】SiliconLabs EFR32BG22 Bluetooth Mesh SensorClient 源码分析
  5. C-08\变量类别和名称粉碎机制
  6. 2211-12 Hello Flask!
  7. pnpm
  8. RocketMQ - 生产者原理
  9. 线段树优化DP学习笔记 & JZOJ 孤独一生题解
  10. 免杀之:C# XOR Shellcode