Как организовать взаимодействие React + Jade?

Question

[elyourn]

Модуль: https://www.npmjs.com/package/react-pug
При попытке импорта:
import pug from "react-pug";

Ошибка:

ERROR in ./~/static-module/~/escodegen/package.json
Module parse failed: node_modules/static-module/node_modules/escodegen/package.json Unexpected token (2:9)
You may need an appropriate loader to handle this file type.

Модуль: https://github.com/nw/react-jade-loader
import template from "template.jade";

render() {
return template();
}

Получаю string из jade шаблона, но не могу понять как передать переменные в jade. Не работает замена.

Как организовать правильное взаимодействие?

Answer 1

[Антон Измайлов]

У вас сборщик не настроен. Он не знает что такое jade.
Если webpack, то ищите jade-webpack-loader

Comments

[elyourn]

Вот он - https://github.com/nw/react-jade-loader.
Он работает на import при сборке, но не ясно как ему скормить переменные.

[Антон Измайлов]

elyourn: https://github.com/nw/react-jade-loader#bonus-feature тут же все написано. В jade автоматом передается props как переменная

[elyourn]

Спасибо. Была проблема с полями в React. Сейчас да все работает.