npm使用css和font来发布组件

我想在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 ，否则将不会find引用的CSS：

 @Component({ moduleId: module.id }) 

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

另外，你不应该把.ts文件发布到npm，你应该发布的文件只有index.js和your-component.js + your-component.css + your-component.html ， .d.ts文件和font文件。

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