vue3+vite+element-plus，打包后element的icon路径报错

Question

vue3+vite+element-plus 打包后element的icon路径报错，vite.config.js该怎么配置？

Answer 1

_assets/_assets 注意到了吗？

给点完整的代码吧，或者把代码上传到云，否则怎么都没法给你定位问题

Answer 2

打包的时候需要配置图片的路径，webpack.prod.conf.js增加

function resolve(dir) {
return path.join(__dirname, '..', dir)
}

修改
// copy custom static assets

new CopyWebpackPlugin([
  {
    from: path.resolve(__dirname, '../static'),
    to: config.build.assetsSubDirectory,
    ignore: ['.*']
  }
]),

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。

Answer 3

可以试试设置base

import path from 'path'
module.exports = {
  base: "/feiteng/",
}