如何使用 npm 正确打包 React 和 Typescript 项目

Question

我目前正在开发两个使用 React 和 TypeScript 的 Javascript 项目。 我的第一个项目是一个依赖于 material-ui 的 React 库。 我的第二个项目是通过 create-react-app 创建的 React 应用程序。 我想在我的最终应用程序中使用我的库（第一个项目）作为依赖项 (npm)。 我的项目是私人项目，因此不会发布在 npm 使用的标准存储库中。 所以我不能做一个简单的 npm install {package}。 迄今为止，我设法通过 tsc 命令打包我的库的源代码，以便在 dist 子目录中生成最终文件。 对于我的应用程序的本地测试，我设法将我的库安装为开发依赖项，但是：

• node_modules 中的安装将 src 目录和 dist 目录复制给我。
• 使用 Visual Studio Code，我的包的自动导入不起作用。 完成期间不提供我库中的 React 组件。 我必须手动导入。

你能帮我找到这两点的解决方案吗？

在我的修改和测试完成后，我的所有源代码都通过 Azure 和 Jenkis 等系统共享和打包。 如何让我的打包脚本与 Azure DevOps/Jenkins 和本地一起工作？ 我应该有不同的打包脚本吗？ 如果是这样，我应该改变什么？