Приложение React занимает несколько секунд, чтобы загрузить шрифт и начальную загрузку (actstrap) - PullRequest
Новая
       23

Приложение React занимает несколько секунд, чтобы загрузить шрифт и начальную загрузку (actstrap)

0 голосов
/ 17 февраля 2019

Я учусь реагировать, и мне было интересно, почему мои шрифты и средства начальной загрузки сначала требуют времени для загрузки.Я использую приложение create create с помощью scss вместо css.Мне было интересно, имеет ли это отношение к тому, как я называю свои активы.

Мой index.js называется RootContainer и выглядит следующим образом 

import React from "react"
import ReactDOM from 'react-dom';
import { Provider } from "react-redux"
import store from "./redux/setupStore"
import App from "./App"
import './assets/styles/main.scss';
import * as serviceWorker from './helpers/serviceWorker';

class RootContainer extends React.Component {
 render() {
  return (
   <Provider store={store}>
    <App />
   </Provider>
  )
 }
}
export default RootContainer
ReactDOM.render(<RootContainer />, document.getElementById('root'));
serviceWorker.unregister();

И это мое главное.Файл ресурсов scss 

@import "./base/globals.scss";
@import "~bootstrap/scss/bootstrap";

На моем globals.scss У меня есть свои пользовательские переопределения начальной загрузки, такие как шрифт, который находится на index.html как встроенный Googleшрифт 

$font-family-sans-serif: 'Press Start 2P', cursive;

Согласно документации по реакционной ленте, вам нужно импортировать в свой индекс js минимизированный файл начальной загрузки, но в моем случае мне нужно переопределить некоторые переменные и даже попытаться, что не решит мою проблему

Это начальная загрузка страницы That's on the initial load

И это конечная загрузка страницы enter image description here

Как выЯ вижу, я думаю, что это не правильное поведение, И я делаю что-то не так с импортом?

...