問題

開發(fā)模式

圖片路徑（存儲(chǔ)文件夾）

src|__assets|__img|__css|__js

這是我在css中引入圖片的寫法，在開發(fā)模式中是ok的
base.scss

$icon_url :'../img/icon.png' ;.logo{background:url('../img/login_logo.png'); }

打包后

這里就發(fā)現(xiàn)這個(gè)路徑在css的下一級(jí)去了，那就相當(dāng)于我們要在打包的時(shí)候強(qiáng)行給他弄到相對(duì)路徑的前兩級(jí)去。

解決

既然是打包問題，那我們就應(yīng)該從打包配置文件去入手
config/index.js修改這句

assetsPublicPath: './',

build/utils,js加上publicPath: '../../'

return ExtractTextPlugin.extract({use: loaders,fallback: 'vue-style-loader',publicPath: '../../' })

打包

總結(jié)

以上是生活随笔為你收集整理的vue-cli中css引入图片打包路径问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。