项目结构如图:
一开始我没有设置option,直接打包图片
webpack打包后,图片不能显示404,检测发现输出路径不对
http://127.0.0.1/webpack1/d378ab56f10a6327856c18762306c62a.jpg
正确路径应该为http://127.0.0.1/webpack1/dist/d378ab56f10a6327856c18762306c62a.jpg
因此应该在webpack.config.js的module中的loader:'file-loader'下面,设置
出现上面问题收到原因在于,file-loader,打包文件到输出目录,但是却默认url地址设置为http://127.0.0.1/webpack1/
需要设置添加相对路径 'dist/'