колба с реактивно-редуксным интерфейсом - PullRequest
Новая
       16

колба с реактивно-редуксным интерфейсом

0 голосов
/ 16 мая 2019

Я новичок в реакции-редуксе, машинописи, нодах и мире веб-пакетов.

У меня есть бэкэнд колбы, я хочу использовать реакцию в веб-интерфейсе , но без запуска через порт (поэтому нет веб-пакета) .Я хочу, чтобы код реакции, написанный в .ts /.tsx, был скомпилирован в собственный код JS, и я хочу, чтобы он работал "из коробки" без необходимости запуска внешнего сервера.

Я следовал этому уроку https://realpython.com/the-ultimate-flask-front-end/ и использовал gulp transform: 

var project = ts.createProject('./tsconfig.json', {typescript: typescript});

function transform() {
var stream = gulp.src('./static/scripts/jsx/**/*{ts,tsx}')
   .pipe(project())
   .pipe(gulp.dest('./static/scripts/js/'))
   .pipe(size());
  return stream;
}

Но сгенерированные выше файлы JS не подходят, в них есть операторы импорта, которые выдают ошибки компиляции вбраузер: 

import * as React from "react";
import * as ReactDOM from "react-dom";
import { AppContainer } from "react-hot-loader";

Как это исправить?

...