web前端|js教程
vue+webpack,样式表,web
web前端-js教程
下面我就为大家分享一篇详谈vue+webpack解决css引用图片打包后找不到资源文件的问题,具有很好的参考价值,希望对大家有所帮助。
家庭理财源码,vscode不能用GBK,ubuntu部署 git,tomcat故障排查手册,债市 爬虫,php game,金华网站seo哪家好,寿光租房子的网站,友点系统破解模板下载地址lzw
使用vue打包,通过css引用图片资源。
flash qq在线源码,vscode的when没了,ubuntu 文件压缩,tomcat6 下载,爬虫云图,php 校园二手交易,湖北品牌seo推广方案,手机php网站模板下载,医院预约系统模板htmllzw
.img { height: 500px; width: 100%; background: url("./assets/img/1.jpg") no-repeat; background-size: 100%; }
热更新开发环境的效果是这样
g722 源码,vscode选择空格快捷键,奥迪ubuntu系统,tomcat能和nginx,股票爬虫筛选,用php开发web,SEO优化的说法正确的是lzw
但打完包出来的页面却报找不到资源的错误。
查了一下原因,css引入图片再打包后,style-loader无法设置自己的publicPath,于是我改变了ExtractTextPlugin的css路径publicPath。
if (options.extract) { return ExtractTextPlugin.extract({use: loaders,// css 引用图片打包问题publicPath: ../../../,fallback: vue-style-loader }) } else { return [vue-style-loader].concat(loaders) }
在build一次,没有报错,正常显示!
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
解决Vue 通过下表修改数组,页面不渲染的问题
Vue.js实现图片的随意拖动方法
解决Vue 通过下表修改数组,页面不渲染的问题