Vue项目打包后背景样式丢失怎么办？

本文共计382个文字，预计阅读时间需要2分钟。

原始内容：原始 + build/untils.js + 原因：+ 由于背景图在打包后存在，有的丢失，那是因為vue会将图片转成base64，但图片大小超过阈值就不转了，直接引用，而背景图使用的相对路径，最后会直接

改写后：原始构建于 build/untils.js，原因：背景图打包后可能丢失。Vue将图片转为base64，但若图片过大则不转换，需直接引用，背景图使用相对路径，最终直接引用。

原始

build/untils.js

原因：至于为什么背景图有的打包后存在，有的丢失，那是因为vue会把图片转成base64,但是图片大小超过阈值就不转了，直接引，而背景图片里用的是相对路径最后会直接替换成static，但是明显路径会有问题，所以得配置下。

修改 需要在上面红框中添加下面语句：

// 背景图片丢失：写改css中的路径(添加) publicPath: '../../'

然后重新npm run dev即可

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对自由互联的支持。如果你想了解更多相关内容请查看下面相关链接