vue-cli项目打包后图片,字体文件路径都失效了,求指点!

打包webpack配置

clipboard.png
项目中引用的路径

clipboard.png
打包以后资源引用路径

clipboard.png

阅读 5k
1 个回答

1写个 alias
resolve: {
alias: {
'assets': path.resolve(__dirname, '../src/assets'),
}
}
2
// url-loader配置
// build/webpck.base.conf.js
{
test: /.(png|jpe?g|gif|svg)(?.*)?$/,
loader: 'url-loader',
query: {

limit: 10000,
name: utils.assetsPath('img/[name].[hash:7].[ext]')

}
3
index.js
assetsDubDirectory:'static',
assetsPublicPath:'/'

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题