React project file size

I have started using a local environment to build some react projects.

I have noticed that the folder where I installed my project is >70mb and >17,000 files. Is this normal?

These are my dependencies, and I was following this guide to set up my project:

  "author": "",
  "license": "ISC",
  "dependencies": {
    "react": "^16.4.2",
    "react-dom": "^16.4.2"
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-preset-react": "^6.24.1",
    "css-loader": "^1.0.0",
    "html-webpack-plugin": "^3.2.0",
    "style-loader": "^0.22.1",
    "webpack": "^4.16.5",
    "webpack-cli": "^3.1.0",
    "webpack-dev-server": "^3.1.5"

Follow up question, since the project size is so large, how would I share this project with someone else if they want to test it?

Do I send them everything?
or just the html, css, javascript, package.json and then let them install all the dependencies?

Before uploading,
you delete the folder node_modules and write into your readme file,
that users have to run npm install after downloading.

1 Like

Ok thanks.

And I assume that i should also add all the dependencies that need to be installed to the readme?

No, that what package.json is for, you should generally never need to do this manually.

So when the user runs or builds the project it will automatically download all the dependencies that are in the package.json?

When you run npm install, it will look at anything listed in “dependencies” and “devDependencies” in the package.json and download whatever matches from NPM

1 Like

nice one. thank you very much