vue-cli 該如何正確打包iconfont？

用默認配置的vue-cli 搭建了一個項目，然後引入了阿里的iconfont來開發。

在開發的時候(npm run dev)，iconfont的字體資源能被正確的載入。

但是發布的時候(npm run build），iconfont資源卻無法載入。

查看請求路徑是：pc/static/css/static/fonts/iconfont.ce20a34.woff

而字體在伺服器上的靜態路徑是：pc/static/fonts/iconfont.ce20a34.woff

而在阿里提供的iconfont.css 里載入字體是

所以：請教下 我想在發布後正常訪問字體文件，我需要怎麼修改vue-cli里的配置，或者說我是要去修改自動iconfont.css的路徑。

其實這種問題應該問google的：

哥們，問題解決了沒？我也碰到類似問題

我的類似問題已經解決了，打包之後路徑不對，把webpack.prod.conf.js 中有一個extract設置成false就可以了。。。參見下圖

一模一樣的問題，請問怎麼解決的？

試試把config/index.js下的assetsPublicPath改為空

目測是 webpack 配置的問題。

相關文件： /config/index.js 中的

build: {
assetsSubDirectory: "static",
assetsPublicPath: "/",
}


文檔：vuejs-templates/webpack