javascript - 关于webpack打包的问题

问题描述

问 题

使用webpack在对静态资源进行打包之后，关于一些比较大的图片资源，请问路径如何设置。

因为在开发的时候使用了相对路径查找资源，而且这张图片比较大，不能打包到bundle.js中。

然后把项目放到服务器里的时候，资源就找不到了，请问如何设置才能正常打包，正常引用。我尝试将url（../../images/bg-0.png）修改成我服务器上的地址url(/static/images/bg-0.png)但是因为打包的时候要查找路径，这个路径不正常，直接就不能打包了。。。。请问具体应该怎样设置大的图片。

解决方案

出现这种情况是因为你的配置文件中 公共资源路径未配置。output下有一个publicPath属性，用于设置打包之后静态资源的根路径，具体自行百度印象深。

这篇关于javascript - 关于webpack打包的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！