使用 lerna 和 typescript 为 webpack 配置别名

Question

我创建了一个存储库来显示我遇到的问题：https://github.com/vileen/lerna-webpack-typescript-aliases-issue（由于某种原因它不会正确启动应用程序，但这没关系）。

基本上问题是如何改进从共享包的导入，甚至更多地摆脱导入的 src 部分。或者也许有更好的方法来避免再出口？

我尝试定义没有做任何事情的 webpack 别名。 起作用的是将 "main": "src/index.tsx" 从共享组件添加到 package.json 中，但这会破坏 typescript IntelliSense，因此它不是一个合适的解决方案。

我正在考虑添加定义文件，甚至手动定义共享模块，但这也不理想，因为目前我能够查看实际代码，创建定义不会给我带来太多价值，我需要为每个新软件包不断更新。

Answer 1

您需要先捆绑您的代码。只传递 .tsx 文件是行不通的。看看这个库：https://www.npmjs.com/package/create-react-library

是的，如果您使用 typescript，您还需要制作一个 .d.ts 文件，这说明您的消费者可以期望收到什么。