在開發(fā)環(huán)境下，我們訪問項目一般都是 127.0.0.1:8080，很多資源的查找都是從根目錄下開始的，但是如果是打包成靜態(tài)文件，放到域名的二級、三級目錄，有些資源就找不到了。

解決 Vue 打包后 element-ui 圖標(biāo)字體不顯示問題

比如說 element-ui 框架在打包后，字體圖標(biāo)就加載不出來，通過查看網(wǎng)絡(luò)請求發(fā)現(xiàn)，他是從 CSS 所在的目錄往下找，而不是從項目根目錄往下找。

解決方法也很簡單，在 build/utils.js 文件里面找到：

if (options.extract) {
 return ExtractTextPlugin.extract({
   use: loaders,
   fallback: 'vue-style-loader'
 })
} else {
 return ['vue-style-loader'].concat(loaders)
}
在 fallback 后面添加參數(shù)：

publicPath: '../../'
最終得到的代碼：

if (options.extract) {
 return ExtractTextPlugin.extract({
   use: loaders,
   fallback: 'vue-style-loader',
   publicPath: '../../'
 })
} else {
 return ['vue-style-loader'].concat(loaders)