Как сократить время загрузки в React

У меня есть одно небольшое приложение для реагирования, основанное на теме https://redq.gitbooks.io/isomorphic/content/. Проблема в том, что когда я собрал пакет, он генерирует main.js размером 3 МБ с другими меньшими фрагментами.

Ниже package.json. Пожалуйста, помогите мне в этом отношении. Заранее спасибо. Дайте мне знать, если кому-нибудь понадобится еще что-нибудь.


    {
      "name": "isomorphic",
      "version": "2.9.0",
      "private": true,
      "dependencies": {
        "antd": "^3.10.1",    
        "axios": "^0.18.0",    
        "clone": "^2.1.1",
        "fingerprintjs": "^0.5.3",
        "history": "^4.6.3",
        "jsonwebtoken": "^8.3.0",    
        "nprogress": "^0.2.0",    
        "qs": "^6.5.2",
        "react": "^16.2.0",
        "react-async-script-loader": "^0.3.0",        
        "react-confirm-alert": "^2.0.6",
        "react-datepicker": "^1.7.0",
        "react-dom": "^16.2.0",
        "react-grid-system": "^4.3.1",
        "react-intl": "^2.7.1",
        "react-placeholder": "^2.0.0",
        "react-recaptcha": "^2.3.10",
        "react-redux": "^5.0.7",
        "react-responsive": "^5.0.0",    
        "react-router-dom": "^4.1.0",
        "react-router-redux": "^5.0.0-alpha.8",
        "react-scripts": "1.0.17",
        "react-select": "^2.1.0",    
        "react-smooth-scrollbar": "^8.0.6",
        "react-throttle": "^0.3.0",
        "react-window-size-listener": "^1.0.10",
        "redux": "^3.7.2",
        "redux-saga": "^0.16.2",
        "redux-thunk": "^2.2.0",
        "smooth-scrollbar": "^8.2.5",
        "styled-components": "^2.2.1",
        "styled-theme": "^0.3.3"
      },
      "devDependencies": {
        "react-app-rewired": "^1.4.0",
        "redux-devtools": "^3.3.2",
        "redux-devtools-dock-monitor": "^1.1.1",
        "redux-devtools-log-monitor": "^1.2.0"
      },
      "scripts": {
        "start": "react-app-rewired start",
        "build": "react-app-rewired build",
        "test": "react-app-rewired test --env=jsdom",
        "eject": "react-scripts eject"
      }
    }


Вам действительно нужны все эти зависимости? Уменьшение количества зависимостей = более быстрое время сборки / запуска

Justinas 12.11.2018 12:12

вы используете и 'redux-saga', и redux-thunk, что в основном служит той же цели.

AkshayM 12.11.2018 12:23

Хотите сократить время загрузки? или размер упаковки?

c-chavez 12.11.2018 13:47
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
3
119
0

Другие вопросы по теме