Миграция в preactjs

Question

У меня есть приложение для универсального реагирования, где серверная часть встроена в babel, а клиентский пакет построен в webpack. Я прочитал preact-compact документы и предлагает добавлять это в .babelrc для строительства с использованием babel:

{ 
    "plugins": [ 
    [ 
     "transform-react-jsx", 
     { 
     "pragma": "h" 
     } 
    ], 
    [ 
     "module-resolver", 
     { 
     "root": [ 
      "." 
     ], 
     "alias": { 
      "react": "preact-compat", 
      "react-dom": "preact-compat" 
     } 
     } 
    ] 
    ], 
    "presets": [ 
    "react" 
    ] 
} 

И webpack:

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

Но после строительства я получаю ошибку

Как перейти на preact для универсального приложения для реагирования

Answer 1

Но после строительства я получаю сообщение об ошибке «ч не определена»

Вы добавили transform-react-jsx плагин для вашей Вавилонской конфигурации.

["transform-react-jsx", { "pragma":"h" }] 

Это говорит babel, как перевести код JSX. Для того, чтобы работать, функция h должна быть в области видимости, это означает, что вам нужно импортировать ее во все файлы, которые вы используете JSX.

import { h } from 'preact'; 

Вместо того, чтобы изменить весь код, который использует React, вы можете использовать preact-compat и псевдоним как react и react-dom к preact-compat, как вы сделали правильно, либо с babel-plugin-module-resolver или WebPack. С этим вы можете использовать в своем коде react и react-dom, а preact-compat сделает все для вас.

Для того, чтобы это сработало, вы должны удалить ["transform-react-jsx", { "pragma":"h" }] из своей конфигурации babel.