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和字体,所以可以做些什么?
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)。