node.js - npm 发布带有 css 和字体的组件

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 将包含在您的 npmpublish 中。

您将遇到的问题是，除非您在 @Component 中添加 moduleId，否则将找不到引用的 css:

@Component({
    moduleId: module.id
})

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

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

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