如何将 create-react-app 转换为 Preact？

Question

根据 Preact 文档，要将 React 应用程序转换为 Preact，您必须为 webpack 设置别名：

{
  "resolve": {
    "alias": {
      "react": "preact-compat",
      "react-dom": "preact-compat"
    }
  }
}

你怎么能做到这一点，create-react-app因为它隐藏了 react-scripts 依赖下的 webpack？

谢谢！

Answer 1

我认为最优雅的解决方案是使用customize-cra. 这样你就可以避免弹出或维护一个单独的create-react-app.

• 首先，您需要安装customize-cra：

yarn add customize-cra react-app-rewired --D

• 然后，转到package.json，将您scripts的更改为以下（此步骤至关重要，但在customize-cra的文档中未明确提及）：

  "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-scripts eject"
  },

• 转到项目的根目录，创建一个包含config-overrides.js以下内容的文件（假设您使用的是 Preact X）：

yarn add customize-cra react-app-rewired --D

• 跑yarn start……瞧！