npm使用css和font发布组件

Question

我想在NPM上发布一个角度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中。

您遇到的问题是，除非您在moduleId中添加@Component，否则将无法找到引用的CSS：

@Component({
    moduleId: module.id
})

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

此外，您不应将.ts个文件发布到npm，您应发布的唯一文件是index.js和your-component.js + your-component.css + {{1 }，your-component.html个文件和.d.ts个文件。

请记住，npm仅用于发布已发布的文件，当您导入库时，您不必编译它（检查font库，其库中没有ts）。