I study reactjs with this example: https://metanit.com/web/react/5.3.php

file size:

  • bundle.js - 897 kB
  • bundle.min.js - 271 kB

the application itself displays a simple form, with a minimum of functionality

In my other projects in 100 kB, considerably more complex applications are being built on AngularJS or Native JavaScript.

why such huge output files?

Is it possible to reduce them somehow?

UPDATE

package.json:

 { "name": "reduxapp", "version": "1.0.0", "scripts": { "start": "lite-server" }, "devDependencies": { "lite-server": "^2.2.2", "babel-core": "^6.21.0", "babel-loader": "^6.2.10", "babel-preset-es2015": "^6.5.0", "babel-preset-react": "^6.5.0", "webpack": "^1.14.0" }, "dependencies": { "immutable": "^3.7.6", "react": "^0.14.7", "react-dom": "^0.14.7", "react-redux": "^4.4.1", "redux": "^3.3.1" } }
  • NODE_ENV = production ???? - xFloooo
  • @xFloooo, yes. And webpack -p - ravend
  • react + react-dom = 140. 130 is free to be a great application. Or else you can either compile it into one bundle + and possibly css with its libs. And maybe even something from the babel polyfills which in size would fit. - user220409
  • and it seems to me that it is not very cool to collect everything in one bundle. - user220409
  • @OlmerDale, if you have experience, what size of bundle.min will be normal in a serious project (without CSS)? I also think that at least CSS should be kept separate - ravend

0