如何使用故事书

Question

我创建了多个角度库，角度项目没有没有应用。如果将模板和样式放在 .component.ts 中，则效果很好。但是，如果我使用外部模板和样式，它将开始引发错误，并且无法在故事书中使用。

我必须在 angular.json 中指定什么吗？我长期以来一直对此感到困惑，请提供帮助。

Answer 1

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'导出*;

Answer 2

我正在使用角度和故事书构建组件库。关于如何使用故事书here构建自定义组件库的文章很棒。

我遇到的问题是，当我在本地使用故事书中的组件时，外部HTML和CSS可以正常工作。但是，当我创建库的NPM软件包，将其安装在应用程序中并尝试在Storybook中使用时，它将永远不会加载外部HTML。

我尝试寻找解决方案已经好几天了，却找不到任何有帮助的方法。有人建议更新public-api.ts文件，有人建议在 angularCompilerOptions 下的 tsconfig.lib.json 文件中将 enableResourceInlining 设置为true。 >。

对于我来说，这已经是正确的，并且没有用。最后，在尝试了不同的解决方案之后，我发现在构建库时缺少一个参数。我要做的就是在构建库时使用-prod 。

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

这个参数解决了这个问题，没有人向我提出这个解决方案。由于故事书尚未在市场上流行，因此很少有人可以在社区中提供帮助。