带有模板的NPM角组件

Question

我试图打包一个具有模板的角组件。

@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'

将./用于当前目录。