Задать вопрос
@mikor

Динамическая подгрузка js, css в REACT?

Имеем React, Webpack, React-Router

Ну и одна точка входа
import React from 'react'
import ReactDOM from 'react-dom'
import { Router, Route, Switch } from 'react-router'
import createHistory from 'history/createBrowserHistory'

// SHARED
import './shared/stylesheets/base.scss'

// APPS
import Welcome from './welcome'
import Authorization from './authorization'
import Registration from './registration'

const history = createHistory()
const div = document.createElement('div')
document.body.append(div)

ReactDOM.render(
  <Router history={history}>
    <Switch>
      <Route component={Welcome} exact={true} path="/" />
      <Route component={Authorization} exact={true} path="/sign_in" />
      <Route component={Registration} exact={true} path="/sign_up" />
    </Switch>
  </Router>,
  div
)

у меня генерируются 4 файла: index.html, main.css, main.js, manifest.js. Как вы можете видеть по маршрутам есть 3 страницу и хотелось бы что бы для каждой страницы грузился свой css/js файл + общие (vendors и manifest), а не один main содержащий в себе всю пачку стилей/скриптов.

Вопрос как? Или с одной точкой входа такое не провернуть?
  • Вопрос задан
  • 2505 просмотров
Подписаться 2 Оценить Комментировать
Ответ пользователя vaskadogana К ответам на вопрос (4)
@vaskadogana
Frontend developer
Ответ написан
Комментировать