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

Question

根据 Preact 文档，要将 React 应用程序转换为 Preact，您必须为 webpack 指定别名:

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

如何使用 create-react-app 来做到这一点，因为它将 webpack 隐藏在 React-scripts 依赖项下？

谢谢!

Answer 1

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

• 首先，您需要安装 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):

const { override, addWebpackAlias } = require('customize-cra');

module.exports = override(
  addWebpackAlias({
    'react': 'preact/compat',
    'react-dom': 'preact/compat'
  })
);

• 运行yarn start ...瞧!