请教 vue-cli4 多页面 打包的 css 背景图路劲问题
发布于 4 年前 作者 feer 1457 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

项目是多页面,src/pages/index ,src/pages/account,src/pages/product 等等每个文件夹对应一个模块,
vue.config.js 配置 pages 多入口 ,因此 build 后样式文件有 dist/css/pages/index.css, dist/css/pages/account.css 等css 子文件,同时还有 dist/css/common.css ,
样式图片保存在 dist/img 内 ,
serve 开发模式样式图片加载没问题,
vue.config.js内设 publicPath:’/’ ,
build 之后,dist/css/pages/index.css 和 dist/css/common.css 内,背景图都是一样的相对路劲(
…/img/xxx.png),这导致 css/pages 内的 样式文件加载图片错误,
请问如何配置才能让 css 文件都使用绝对路劲 (/img/xxx.png),
目前我的解决办法只能把 /dist/img 拷贝一份进 dist/css/ 下面

回到顶部