React Monorepo 纱线工作区 + 打字稿 + 绝对导入

使用React Monorepo纱线工作区 +打字稿 +绝对导入的组合，可以大大提高React项目的开发效率和代码可维护性。本文将介绍这些概念，并通过一个案例代码来演示如何使用它们。

yarn create react-app package1 --template typescript
yarn create react-app package2 --template typescript

yarn start

jsx
// package1/src/Button.tsx
import React from 'react';
interface ButtonProps {
  text: string;
}
const Button: React.FC = ({ text }) => {
  return {text};
};
export default Button;

jsx
// package2/src/App.tsx
import React from 'react';
import Button from 'package1/Button';
const App: React.FC = () => {
  return (
    
      
    
  );
};
export default App;