之前学习过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，就可以改变源代码了。
然后使用我们自己写的loader，use就不填写loader名称了，需要写我们编写的loader的路径。
这样我们打包后发现，world已经被替换成mark了，这样我们就实现了一个最简单的loader。
2.给loader配置参数
loader中常常可以配置一些参数，那么我们如果想配置参数，要怎么做呢？
此时在replaceLoader中，可以通过this.query访问到参数。
这样打包后，结果就会替换成我们的参数，但是官方推荐我们使用loader-utils来传参。
cnpm install --save-dev loader-utils
这样打包的结果也是我们传入的参数。
3.this.callback
有时候我们不止要return一个resource，还可能要返回多个结果，就需要用到callback。
this.callback( err: Error | null, content: string | Buffer, sourceMap"text-align: center">
4. this.async
在loader中，如果我们直接调用setTimeout，就会报错，那么如果我们想进行异步操作要怎么做呢？
当要使用异步的时候，需要先把callback变为this.callback，然后再返回结果（和this.callback一样）。
这样再打包就不会有任何问题。
额外知识点：我们现在配置loader的时候，需要使用path.resolve，有没有什么方法可以像其他loader一样引用呢？
这样只写loader名称，webpack就会先到node_modules里面找，找不到就去当前目录下的loaders中去找。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。