带有 css 和字体的 npm 发布组件

Question

我想在 NPM 上发布一个 Angular 2 组件。该组件使用引用某些字体的 css。至于发布.ts 文件，我可以做到这一点。但我对 css 和字体一无所知。

我有：

despotic-turtle.component.ts
despotic-turtle.component.css
fonts/font.ttf .svg ...

我的 css 中有这个：

@font-face {
  font-family: 'despotic-turtle';
  src:  url('despotic-turtle/fonts/font.eot?ggipqk');
  /* ....*/
}

我不能让css和字体保持原样，那该怎么办？

Answer 1

css、fonts 和 html 将包含在您的 npm publish 中。

你会遇到的问题是，除非你在@Component中添加moduleId，否则找不到引用的css：

@Component({
    moduleId: module.id
})

请注意，您必须使用 commonjs 进行编译才能使其正常工作。

另外，您不应该将 .ts 文件发布到 npm，您应该发布的唯一文件是 index.js 和 your-component.js + your-component.css + your-component.html、.d.ts 文件和 font 文件.

请记住，npm 仅用于发布转译文件，当您导入库时，您不应该编译它（检查 @angular 库，他们的库中没有 ts）。