时间戳

首页 > 解决方案 > 在 Preact JS 中使用自定义模板

html - 在 Preact JS 中使用自定义模板

问题描述

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

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

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

谢谢

标签： htmlreactjscreate-react-apppreact

解决方案

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

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

如果你想将 CRA 与 Preact 一起使用，你绝对可以。要将 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

推荐阅读