return source.replace(“德玛西亚”,“英雄联盟保健哥：德玛西亚！”)这样一个loader 就创建完成了，接下来使用loader在文件里：use: “./src/custom-loader/hero-loader.js”, // 看这里，看这里这里use存放自定义loader 文件 存放路径return source.replace(“大宝剑”,“R技能是：大宝剑！”)其实前端开发的知识点就那么多，面试问来问去还是那么点东西。
=================================================================
文章目录
-
系列文章目录
-
- 前言
-
一、最简单的自定义loader
-
- 准备工作
-
1. 新建自定义loader 文件
-
2. 使用自定义loader
-
3. 使用验证
-
二、loader内联方式
-
- 目标
-
1. 新建自定义loader 文件
-
2. webpack config 配置别名加载
-
3. 内联使用
-
4. 执行webpack 命令验证
-
三、Loader 接口
-
四、Loader 传参
-
- 1. 新建select-hero-loader
-
2. webpack config 配置
-
3. 使用验证
-
四、总结
-
- Loder 特性
webpack 的loader 基础作用相当于一个项目插件，能够将指定文件统一的处理，是一个函数，相当于源码经过这个函数，出去变成了想要的目标。
官方描述：
loader 用于对模块的源代码进行转换。loader 可以使你在 import 或 “load(加载)” 模块时预处理文件。因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的得力方式。loader 可以将文件从不同的语言（如 TypeScript）转换为 JavaScript 或将内联图像转换为 data URL。loader 甚至允许你直接在 JavaScript 模块中 import CSS 文件！
最低0.47元/天 解锁文章
522
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
