npm publish Komponente mit css und font - node.js, eckig, fonts, npm, webpack

Ich möchte eine eckige 2-Komponente auf NPM veröffentlichen. Diese Komponente verwendet CSS, die sich auf einige Schriftarten beziehen. Soweit das Veröffentlichen .ts Dateien, die ich tun kann. Aber ich bin in Bezug auf die CSS und die Schriftarten verloren.

Ich habe :

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

und ich habe in meinem CSS dies:

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

Ich kann CSS und Schriftarten nicht so lassen, wie sie sind. Was kann ich also tun?

Antworten:

css, fonts und html wird in Ihrer Liste enthalten sein npm publish.

Das Problem, auf das Sie stoßen werden, wird sein, dass das referenzierte CSS nur gefunden wird, wenn Sie es hinzufügen moduleId im @Component:

@Component({
moduleId: module.id
})

Beachten Sie, dass Sie mit commonjs kompilieren müssen, damit dies funktioniert.

Außerdem sollten Sie das nicht veröffentlichen .ts Die einzigen Dateien, die Sie veröffentlichen sollten, sind index.js und your-component.js + your-component.css + your-component.html, .d.ts Dateien und font Dateien.

Beachten Sie, dass npm nur zum Veröffentlichen von transpillierten Dateien verwendet wird. Wenn Sie eine Bibliothek importieren, sollten Sie sie nicht kompilieren müssen (aktivieren Sie diese Option) @angular Bibliotheken, es gibt keine ts in ihren Bibliotheken).