webpack-dev-server加载图片问题

Question

• 在使用webpack调试的时候, 用img直接引用图片没有问题, 但是用css的background-image引用, 就会出现图片找不到的情况.

• 注:css是在文件类型的.vue里面定义的

• 代码

• 

• 效果

• 

• webpack配置文件

• 

• 困扰已久, 感谢各位

Answer 1

你的css文件跟html文件是部署在同一个域名下么？

你在chrome开发者工具的Network里应该能看到404的store-bg.png，看看那完整路径是不是正确的

Answer 2

路径改为相对路径试试，在css-loader中可以指定相对路径。按照你的配置应该改为：

 {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract("style-loader", "css-loader!postcss-loader",{
            publicPath: '../'
        })
    }

注意：上面这种配置表名资源相对于css文件的路径

若已经解决望回复下，你的这个问题我也比较好奇