webpack使用file-loader打包时出错

date:2022-3-5

webpack: 5.70.0
webpack-cli: 4.9.2

 

--问题：使用file-loader打包时，出现问题

1. 如下是配置文件

 

2.但是打包完后会出现一个错误：images文件夹外会出现一个由哈希函数加文件格式的图片文件，且其文件错误

 

3.打包后的css文件的url路径也出错，指向错误的文件

 

 

--解决：

主要的原因是在webpack5后，file-loader逐渐被废弃，如欲继续使用需要在use选项后写上：

type: 'javascript/auto'

 

 

--参考：

https://blog.csdn.net/w184167377/article/details/118930758

https://webpack.docschina.org/guides/asset-modules#root