webpack打包vue項目異常彙總

一、打包後靜態資源路徑引用錯誤

解決方法：修改 config/index.js  文件中的 build 對象的 assetsPublicPath 屬性

build: {
    assetsPublicPath: './'  
}

 

二、字體文件等路徑引用錯誤

解決方法：在 build/utils.js 文件中添加代碼

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