vue cli 關於使用絕對路徑引用圖片的問題

在頁面中使用絕對路徑可經過在js中用 require() 引入

data (){
    return {
        src: require('IMAGES/banner.jpg')
    }
}

<img :src="src">

---

樣式裏面彷佛沒法使用絕對路徑，除非把圖片資源都放到static裏面，而後就能夠這樣引用

background: url("/static/images/banner.jpg") no-repeat;

但，放到static裏面webpack打包後只會把資源複製到發佈目錄而不會把小圖片優化爲base64。
爲了兼顧能夠把圖片資源優化，因此仍是不適合把圖片資源放到static，
但，在vue頁面style標籤裏面寫樣式隨着目錄的深刻有可能引用路徑是：

background: url("../../../images/banner.jpg") no-repeat;

有個作法彷佛能夠省去一些麻煩：
把樣式文件統一放到style文件夾裏面，樣式圖片資源用相對路徑，而後在style標籤用src屬性引入樣式，這樣就能夠避免太多層的返回了~~~

── src
    ── images
        ── banner.jpg
    ── style
        ── index.scss

/*style*/
background: url("../images/banner.jpg") no-repeat;

<style src="STYLE/index" lang="scss"></style>