四、webpack5最新打包资源额方式-assetmoduletype(资源模块类型)

asset module type

我们当前使用的webpack版本是webpack5: 在webpack5之前,加载这些资源我们需要使用一些loader,比如raw-loader 、url-loader、file-loader;

在webpack5开始,我们可以直接使用资源模块类型(asset module type),来替代上面的这些loader;

资源模块类型(asset module type),通过添加 4 种新的模块类型,来替换所有这些 loader: asset/resource 发送一个单独的文件并导出 URL。之前通过使用 file-loader 实现;
asset/inline 导出一个资源的 data URI。之前通过使用 url-loader 实现;
asset/source 导出资源的源代码。之前通过使用 raw-loader 实现;
asset 在导出一个 data URI 和发送一个单独的文件之间自动选择。之前通过使用 url-loader,并且配置资源体积限制实现;

最常用的为asset,下边是示范
在这里插入图片描述
这种方式可以代替file-loader和url-loader.
也不用再下载这两个loader了。

猜你喜欢

转载自blog.csdn.net/l_l_l_l_l_l_l_li/article/details/117362760