在 Preact JS 中使用自定义模板

编程问答 2022-05-21

问题描述

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

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

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

谢谢

解决方法

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

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

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

添加 customize-cra 和 react-app-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'
  })
);

应该不错。您可以从依赖项中删除 react 和 react-dom。

create-react-apphtmlpreactreactjsreactjsreactjsreactjs