webpack4之如何编写loader的方法步骤
23 浏览量
2020-12-11
02:27:40
上传
评论
收藏 281KB PDF 举报
webpack4之如何编写之如何编写loader的方法步骤的方法步骤
之前学习过webpack3的知识，但是webpack4升级后还是有很多变动的，所以这次重新整理一下webpack4的知识点，方便以
后复习。
这次学习webpack4不仅仅要会配置，记住核心API，最好还要理解一下webpack更深层次的知识，比如打包原理等等，所以
可能会省略一些比较基础的内容，但是希望我可以通过此次学习掌握webpack，更好地应对以后的工作。
1.编写入门级编写入门级loader
我在之前的文章中，已经把webpack基础的内容基本上都过了一遍，现在开始准备复习更高级的webpack知识了，首先从
loader开始。
首先初始化一个项目
npm init
然后安装依赖
cnpm install -D webpack webpack-cli
创建一个src目录，里面创建一个index.js
新建一个webpack.config.js，写入最基本的配置
如果此时，我们有个需求，中打包过程中，需要把world替换成mark，我们就可以借助loader来实现。首先在src同级目录新建
一个loader文件夹，里面新建一个replaceLoader.js。
replaceLoader.js需要导出一个函数，注意：这个函数不能是箭头函数，因为webpack调用loader的时候会对this做一些变更，
上面有一些方法，如果使用箭头函数，this指向就会有问题，没有办法调用this上的一些方法。
函数可以接受一个参数，参数是我们源代码的内容，所以可以对source进行操作后，return source，就可以改变源代码了。
weixin_38701340
- 粉丝: 2
- 资源: 905
最新资源
- pta题库答案c语言之排序4统计工龄.zip
- pta题库答案c语言之树结构7堆中的路径.zip
- pta题库答案c语言之树结构3TreeTraversalsAgain.zip
- pta题库答案c语言之树结构2ListLeaves.zip
- pta题库答案c语言之树结构1树的同构.zip
- 基于C++实现民航飞行与地图简易管理系统可执行程序+说明+详细注释.zip
- pta题库答案c语言之复杂度1最大子列和问题.zip
- 三维装箱问题（Three-Dimensional Bin Packing Problem,3D-BPP）是一个经典的组合优化问题
- 以下是一些关于Linux线程同步的基本概念和方法.txt
- 以下是一个简化的示例，它使用pygame库来模拟烟花动画的框架.txt
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0