在使用webpack调试的时候, 用img直接引用图片没有问题, 但是用css的background-image引用, 就会出现图片找不到的情况.
注:css是在文件类型的.vue里面定义的
代码
效果
webpack配置文件
困扰已久, 感谢各位
在使用webpack调试的时候, 用img直接引用图片没有问题, 但是用css的background-image引用, 就会出现图片找不到的情况.
注:css是在文件类型的.vue里面定义的
代码
效果
webpack配置文件
路径改为相对路径试试,在css-loader中可以指定相对路径。按照你的配置应该改为:
{
test: /\.css$/,
loader: ExtractTextPlugin.extract("style-loader", "css-loader!postcss-loader",{
publicPath: '../'
})
}
注意:上面这种配置表名资源相对于css文件的路径
若已经解决望回复下,你的这个问题我也比较好奇
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答4.7k 阅读✓ 已解决
4 回答4.3k 阅读✓ 已解决
4 回答1.8k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
2 回答2.5k 阅读✓ 已解决
你的css文件跟html文件是部署在同一个域名下么?
你在chrome开发者工具的Network里应该能看到404的store-bg.png,看看那完整路径是不是正确的