Как настроить fonter plugin в Gulp?

+

Как разместить компонент react на сайт bitrix?

PetrPo, цель простая, на сайте нужен именно этот календарь, но не понятно, как его установить, я так понял нужно собрать bundle.js, если не сложно можете на пальцах объяснить?)

Как разместить компонент react на сайт bitrix?

Ок, а как собрать тогда приложение? Это должен быть один js файл, я правильно понимаю? Это не связано случайно с webpack, можете поконкретнее объяснить плз?

Как встроить React компонент в 1С-Битрикс: Управление сайтом?

Здравствуйте, столкнулся с такой же проблемой, есть комопнент календарь , на локальном сервере я его настроил с помощью npm, работает, а как мне его разместить на bitrix сайте, например на главной странице ?

app.js он же не увидит моих испортов, можете объяснить пожалуйста как это сделать?

import React, { useState } from 'react';
import logo from './logo.svg';
import './App.css';
import DateFnsUtils from '@date-io/date-fns'; // choose your lib
import { ThemeProvider } from "@material-ui/styles";
import { createMuiTheme } from "@material-ui/core";
import format from "date-fns/format";
import ruLocale from "date-fns/locale/ru";
import {
  DateTimePicker,
  MuiPickersUtilsProvider,
} from '@material-ui/pickers';
import TextField from "@material-ui/core/TextField";

class LocalizedUtils extends DateFnsUtils {
  getDatePickerHeaderText(date) {
    return format(date, "d MMM yyyy", { locale: this.locale });
  }
}

const localeCancelLabelMap = {
  ru: "отмена",
};
const defaultMaterialTheme = createMuiTheme({
  palette: {
    primary: {
      // light: will be calculated from palette.primary.main,
      main: '#e61e23',
      // dark: will be calculated from palette.primary.main,
      // contrastText: will be calculated to contrast with palette.primary.main
    },
  },
});

function App() {
  const [selectedDate, handleDateChange] = useState(new Date());
  var newDate  = new Date();
  newDate.setFullYear(newDate.getFullYear() + 1);
  return (
    <MuiPickersUtilsProvider utils={LocalizedUtils} locale={ruLocale}>
    <ThemeProvider theme={defaultMaterialTheme}>
    <DateTimePicker
    cancelLabel={"Отмена"}
    autoOk
    ampm={false}
    disablePast
    minDate={new Date()}
    maxDate={newDate}
    value={selectedDate}
    onChange={handleDateChange}
    label="24h clock"
format="d MM yyyy HH:mm"
  />
 </ThemeProvider>
    </MuiPickersUtilsProvider>
  );
}

export default App;