vue+element-ui 打包問題

vue2.x+element-ui打包後會出現字體找不到,在鏈接字體的時候會出現static/css/static/font這種路徑

解決辦法:

1.在build目錄下webpack.base.conf.js確認配置

module: {
    rules: [
      ...
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        }
      }
      ...
    ]
  },

2.在build目錄下utils.js修改

找到如下配置添加publicPath: '../../'


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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章