Vue css 文件导入的问题 background-image 路径的问题

Question

某css文件,在其它组件中导入使用

.icon-recycle_has {
    background-image: url('src/assets/img/recycle_has.png');
}

1. url() 绝对路径,开发环境正常使用,打包后出错
build 打包后, 会不无法读取 这个 png

2.  background-image: url('../assets/img/recycle_has.png');  
     如果写相对路径, 在开发环境时, 就会报错,路径错误
     估是因为这个相对路径,仅是相对于 css文件的, 而不是使用的组件的

Answer 1

可以使用 Webpack 的 file-loader 或 url-loader 来处理图片文件。