Azure DevOps Artifacts中Angular私有NPM包ReadMe图片显示问题求助

• 确认图片被包含在NPM包内
  打开项目的package.json，检查files字段，必须将图片所在目录（如assets）加入配置，示例：

  "files": [
    "dist",
    "assets/**/*"
  ]
  

  同时检查.npmignore，若存在排除assets的规则需删除；若使用.gitignore，NPM会默认继承其规则，若.gitignore包含assets，需在.npmignore中添加!assets/**取消排除。

• 调整ReadMe图片路径写法
  Azure DevOps Artifacts从NPM包根目录解析ReadMe路径，直接使用相对包根的路径即可。比如包根下有assets/demo.png，ReadMe中写：

  ![Demo截图](assets/demo.png)
  

  无需添加./或/前缀。

• 终极方案：将图片转为Base64嵌入
  若路径问题无法解决，把图片转成Base64编码后直接嵌入ReadMe，格式示例：

  ![Demo截图](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...)
  

  用在线Base64图片转换工具生成编码即可，图片内嵌后不依赖任何文件路径。

• 验证包上传内容
  发布后到Azure DevOps Artifacts查看包的「内容」，确认assets目录和图片已被上传。若未显示，说明打包配置有误，需重新调整package.json的files字段。

内容的提问来源于stack exchange，提问作者McCrockett