在 Preact JS 中使用自定义模板

Question

我阅读了关于使用自定义模板和 preact 的部分

preact create <username>/<repository> <project-name>

我想知道，有什么办法可以将它用于 React 模板？ 我想从https://github.com/facebook/create-react-app/tree/master/packages/cra-template获取 CRA 模板，但我找不到一个好方法。 我读到了一个定制版本的 CRA，它被修改为与 Preact 一起使用，但它失败了。

谢谢

Answer 1

所以你在这里谈论一些不同的事情。

preact create...是来自 Preact CLI 的功能。 Preact CLI 是一个命令行工具，用于构建 Preact 渐进式 web 应用程序。 它与 CRA 属于同一类工具，因此两者不兼容。 您不能使用 Preact CLI 命令来设置 CRA 应用程序。

如果你想将 CRA 与 Preact 一起使用，你绝对可以。 要将 Preact 与 CRA 结合使用，请在 CRA 应用程序中执行以下操作：

添加customize-cra和react-app-rewired rewired 以便您可以自定义 CRA，然后添加 Preact 以便您可以使用它。

yarn add customize-cra react-app-rewired preact

更改您的脚本以匹配：

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

最后，创建一个包含以下内容的config-overrides.js ：

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

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

应该对 go 好。 您可以从依赖项中删除react和react-dom 。