如何在storybook的angular库中使用外部html和样式

我创建了多个angular库，angular项目没有应用程序。如果我将带有的模板和样式放在.component.ts中，效果会很好。但如果我使用外部模板和样式，它会开始抛出错误，在故事书中不起作用

在angular.json中有什么我必须指定的吗？我被困在这个很长的时间，请帮助

Your Angular Library has a file called public-api.ts
In this file, you must specify the files to be published in the build

示例：从“./lib/dpk modal.module”导出*

示例：从“./lib/dpk modal.module”导出*

---

我正在用angular和storybook构建一个组件库。有一篇关于如何使用storybook构建自定义组件库的精彩文章

我面临的问题是，当我在本地使用storybook中的组件时，外部HTML和CSS工作得很好。但是，当我为我的库创建了一个NPM包，将它安装在我的应用程序中并尝试在Storybook中使用它时，它永远不会加载外部HTML

我几天来一直在寻找解决办法，但都没有找到任何有用的办法。有些人建议更新public-api.ts文件，有些人建议在tsconfig.lib.json文件的angularCompilerOptions下将EnableResourceInline设置为true

在我的情况下，这已经是事实，但没有起作用。最后，在尝试了不同的解决方案后，我发现在构建库时缺少了一个参数。我所要做的就是，在构建库时使用--prod

npm build [your-library-name] --prod

---

这个参数解决了这个问题，没有人向我建议这个解决方案。由于storybook在市场上还不太受欢迎，所以很少有人能在社区中提供帮助。

我正在用angular和storybook构建一个组件库。有一篇关于如何使用storybook构建自定义组件库的精彩文章

我面临的问题是，当我在本地使用storybook中的组件时，外部HTML和CSS工作得很好。但是，当我为我的库创建了一个NPM包，将它安装在我的应用程序中并尝试在Storybook中使用它时，它永远不会加载外部HTML

我几天来一直在寻找解决办法，但都没有找到任何有用的办法。有些人建议更新public-api.ts文件，有些人建议在tsconfig.lib.json文件的angularCompilerOptions下将EnableResourceInline设置为true

在我的情况下，这已经是事实，但没有起作用。最后，在尝试了不同的解决方案后，我发现在构建库时缺少了一个参数。我所要做的就是，在构建库时使用--prod

npm build [your-library-name] --prod

---

这个参数解决了这个问题，没有人向我建议这个解决方案。由于storybook在市场上还不太受欢迎，因此很少有人能在社区中提供帮助。

我认为我无法在公共api文件中添加HTML文件。这只是针对typescript文件。是的，您不能单独导出html文件，因为它是ts文件的一部分。在Angular中，要从css和html文件中导出，必须导出TS文件。我认为我不能在公共api文件中添加html文件。这只是针对typescript文件。是的，您不能单独导出html文件，因为它是ts文件的一部分。在Angular中，要从css和html文件导出，必须导出TS文件