另外的一個(gè)規(guī)避方法，將大于10k的圖片使用img標(biāo)簽引入，小于10k的無(wú)所謂什么方式
具體配置的是在webpack中：

 { // 圖片的編譯規(guī)則
    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    loader: 'url-loader',
    query: {
        limit: 10000, // 文件大小小于10k，使用base64打包
        name: utils.assetsPath('img/[name].[hash:7].[ext]')
    }
},

同樣的，也可以更改圖片的限制大小，但不建議這樣做

我說(shuō)下window環(huán)境下的吧
假設(shè)你的vue-pro在

D://mypro/vue/mytest/pro1/

那你的你編譯出來(lái)的dist目錄下的靜態(tài)文件是把整個(gè)d://作為根目錄的
在D://mypro/vue/mytest/pro1/config/index.js 里將

assetsPublicPath: '/mypro/vue/mytest/pro1/dist/',

配置上去就行了.還有一點(diǎn)確保你的 css loader有安裝

看到你描述的問(wèn)題大致了解了。
css或者less 文件 引入文件你可以把圖片放在 css 同級(jí)目錄。
從開(kāi)發(fā)的維護(hù)的角度來(lái)說(shuō)文件就近依賴?yán)?

xx.vue
xx.less
img
    xx.png

你在 xx.less 里面引用圖片路徑 可以寫成 "./img/xx.png"
這樣做有幾個(gè)好處：
1.替換修改圖片位置清晰，維護(hù)方便；
2.圖片修改后 webpack 會(huì)自動(dòng)修改圖片文件名。
剩下的事交給 webpack 它會(huì)把圖片都復(fù)制到 dist 目錄。