NPM 包：交付资产/图像包

Question

我创建了一个 (angular2) npm 包并将其上传到我的（私有）注册表。

组件本身很简单，应该显示一个图标。请在此处查看模板：

<span
  [class]="'icon icon-' + key"
  [inlineSVG]="'./assets/icons.svg#' + key"
  aria-hidden="true"
></span>

正如 [inlineSVG] 中的路径所示，我想随包一起提供图标。所以我把它们放到了./assets 文件夹中。

但是每次我发布包并将其导入我的应用程序时，我都会收到一个 404 表示找不到文件：

我正在用 gulp 构建我的包。如果需要，我也可以发布我的 gulpfile。

现在我的问题是：通常可以在 npm 包中交付资产（图像）吗？

非常感谢任何帮助:)

Answer 1

从技术上讲，您不能，因为您可能能够上传资产，但实际路径会发生变化。老实说，您的资产甚至没有在服务器中提供服务，因为它们位于 node_modules 文件夹中。

您可以做的是在 css 中内联导入 svgs。 https://github.com/davidkpiano/sass-svg

或者以其他方式包含图片的base64 uri。