Блог

Главная - Вопросы по программированию - Использование пользовательских шаблонов с помощью Preact JS

Использование пользовательских шаблонов с помощью Preact JS

#html #reactjs #create-react-app #preact

Вопрос:

Я прочитал часть об использовании пользовательских шаблонов с предустановкой, такой как

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

Мне интересно, могу ли я как-нибудь использовать это для шаблонов реакций? Я хочу получить CRA-шаблон от https://github.com/facebook/create-react-app/tree/master/packages/cra-template и я не мог найти хорошего способа сделать это. Я читал о настроенной версии CRA, которая модифицирована для работы с Preact, но она не работает.

Спасибо

Комментарии:

1. Я ничего не понял. Вы хотите использовать шаблоны с Preact? Или вы хотите использовать шаблон с React?

Ответ №1:

Итак, вы говорите здесь о нескольких разных вещах.

preact create ... это функциональность, которая исходит из интерфейса командной строки Preact. Интерфейс командной строки Preact-это инструмент командной строки для создания прогрессивных веб-приложений Preact. Он относится к той же категории инструментов, что и CRA, и поэтому они несовместимы. Вы не можете использовать команду командной строки Preact для настройки приложения CRA.

Если вы хотите использовать CRA с Preact, вы абсолютно можете это сделать. Чтобы использовать Preact с CRA, выполните следующие действия в приложении CRA:

Добавьте customize-cra и react-app-rewired , чтобы вы могли настроить CRA, затем подготовьтесь, чтобы вы могли, ну, использовать его.

 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 из своих зависимостей.

Метки: