如何将Preact添加到现有的create-react-app项目？

npm install preact

import { h, Component } from 'preact';

class MyComponent extends Component {
  render() {
    return (
      <div>
        <h1>Hello, Preact!</h1>
      </div>
    );
  }
}

export default MyComponent;

import { h, render } from 'preact';
import App from './App';
import MyComponent from './preact-components/MyComponent';

// 使用Preact的render方法替换原有的ReactDOM.render方法
render(<App />, document.getElementById('root'));

// 在需要使用Preact组件的地方，使用Preact的h函数进行渲染
render(<MyComponent />, document.getElementById('preact-root'));

"scripts": {
  "build": "react-scripts build && preact build --dest build/preact"
}

npm run build