npm pubblica componenti con css e font - node.js, angular, fonts, npm, webpack

Voglio pubblicare un componente angolare 2 su NPM. Questo componente usa css che si riferiscono ad alcuni tipi di carattere. Per quanto riguarda la pubblicazione .ts file che posso fare. Ma mi sono perso riguardo al css e ai caratteri.

Io ho :

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

e ho nel mio css questo:

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

Non posso lasciare css e font così com'è, quindi cosa si può fare?

risposte:

css, fonts e html sarà incluso nel tuo npm publish.

Il problema che incontrerai sarà che il css referenziato non verrà trovato a meno che tu non lo aggiunga moduleId in @Component:

@Component({
moduleId: module.id
})

Nota che dovrai compilare usando commonjs per farlo funzionare.

Inoltre, non dovresti pubblicare il .ts file su npm, gli unici file che dovresti pubblicare sono index.js e your-component.js + your-component.css + your-component.html, .d.ts file e font File.

Tieni presente che npm viene utilizzato solo per pubblicare file transpilled, quando importi una libreria, non dovresti compilarla (controlla @angular librerie, non c'è ts nelle loro librerie).