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

某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文件的, 而不是使用的组件的

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

如果是想直接一点解决这个，可以让js自己处理，就是可以用直接写在html中实现；或者用import img1 from 1.jpg; 这样子写，都是让js处理