url-loader 和 file-loader的关系


url-loader 功能是通过 limit 配置将图片转换为 base64 ( webpack的loader 将 fs.readFile将图片变成Buffer, 然后toString('base64') )

file-loader 功能是通过 name、outputPath、publicPath、context 等配置 输出一个同等的文件 ( 文件名含有MD5哈希值 )

关系

    url-loader 的fallback是默认file-loader,所以当图片没转成base64 ( limit上限 ) 就会 "默认" 调用 file-loader

扩展

    url-loader 的 limit 可以 不写、boolean、string、number,还支持其他参数:generator、encoding、esModule,

总结

    url-loader不完全依赖于file-loader,是独立互不相关的两个webpack 的 loader

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。