使用TemplateURL的NPM角度组件？

Question

我正在尝试打包一个带有模板的Angular组件。

@Component({
  selector: 'foo',
  templateUrl: 'foo.component.html'
})
export class FooComponent {

}

在同一文件夹中是我的模板

<div>Foo Component</div>

我想打包并分发给npm，这样我就可以将它安装到另一个项目中。

npm install foo

并将其添加到我的其他项目

import {FooComponent} from 'foo';

@NgModule({
  declarations: [
    FooComponent
  ]
})

所以我可以通过选择器

将它添加到我的项目中

<div>
  Foo Component: <foo></foo>
</div>

但是我不确定如何构建它并导出以便模板可以解析。我的模板非常大，所以我不想要内联模板。我该怎么做？

Answer 1

你的templateUrl应该是，如果它在当前目录中

templateUrl: './foo.component.html'

将./用于当前目录。