Angular 5正确导出/发布现有模式库到Bundle

时间:2018-06-18 23:13:12

标签: angular typescript npm bundle package.json

我开始实现一个应用程序而无意将其导出到任何地方,但随着时间的推移,需要将我的组件导出到注册表浮出水面。我尝试使用npm发布,但由于我的.gitignore文件而忽略了dist目录,并且只复制了我的源代码,当它位于不同项目的node_modules中时无法使用。大多数谷歌搜索已经出现了从头开始构建模式库的场景。我需要在现有项目中添加哪些方面才能轻松捆绑和发布?是否有关于将项目组件转换为自己的模式库的文档?

我的项目结构快速概述:

./包含核心npm / Angular 5文件,例如package.json.angular-cli.jsontsconfigtslint

./src也非常接近默认的角度项目,标准文件包括index.htmlmain.tstypings.d.ts

./src/sass有许多scss文件可以为我的组件设置样式,并且应该与组件捆绑在一起

./src/app/mainapp是我正在开发的实际应用程序。如果可能的话,我不希望将它导出到我的包中。

./src/app/components是我希望与我的风格捆绑在一起的组件文件夹。

目前,./src/app/mainapp./src/app/components中的所有内容都放在./src/app/app.module.ts的单个模块中,但我想我会将其分成2个单独的模块然后导入这2个单独的模块进入主app模块。

这可行吗?或者我运气不好,需要开始一个新项目吗?

0 个答案:

没有答案