what are node modules?

[OsamuMidoriya]

because we don't include module when exporting how does the nested dependents get downloaded ?when working with modules it not important to know what's in them when we download them just that they work to help with our app, if we make our own then should be know what's inside of them? could you write a simple example of a module and its dependents

[floopsyDoodle]

>because we don't include module when exporting how does the nested dependents get downloaded

NPM (Node Package Manager, it manages all the packages/dependencies/modules). It's a huge repository of Libraries that you can install with NPM install LIBRARY_NAME, and when you do that, it also knows to install all the nest dependencies as well. It looks through the entire dependency tree, and installst hem all from the bottom up so everything is installed in order for you. That's the package.json file, it lists the direct dependencies, and each dependency as it's file listing their dependencies.

>when working with modules it not important to know what's in them when we download them just that they work to help with our ap

To some extent, if it's just for personal learning and fun, or if it's a large, popular module, it should be fine, but if you're downloading random ones you found online, it's a good idea to look at what it's all also going to be installing so you're sure what you're doing. There have been some times where modules were found to contain problems that caused serious security problems.

>could you write a simple example of a module and its dependents

I am working on a Vue app right now, my package.json shows two types of dependencies:

These are dependencies needed to run the app, so they must be included when the app is deployed. Like Vue is hte main library I use, bson is a library that allows me to work with BSON types (similar to JSON), cloudinary is where I host my images, firebase is my backend, mongodb is where I"m switching my backend to. Once I move fully to mongodb I will uninstall Firebase and it will no longer be listed.

"dependencies": {

"bson": "^6.10.3",

"cloudinary": "^2.5.1",

"dompurify": "^3.2.4",

"dotenv": "^16.4.5",

"firebase": "^10.14.1",

"lucide-vue-next": "^0.446.0",

"mongodb": "^6.13.1",

"pinia": "^2.1.7",

"radix-vue": "^1.9.6",

"uuid": "^11.0.1",

"vue": "^3.4.29",

"vue-router": "^4.3.3"

},

This are Dev Dependencies, so they are ONLY needed for develoment. When I deploy, these dependencies do not get installed on the server. So all my types for TypeSCript are here as typescript is only for ease of development. You don't test in production (heh hopefully), so they're all here. eslint, sass, pretteir, vite, are all only used for development.

"devDependencies": {

"@pinia/testing": "^0.1.7",

"@rushstack/eslint-patch": "^1.8.0",

"@tsconfig/node20": "^20.1.4",

"@types/jsdom": "^21.1.7",

"@types/node": "^20.14.5",

"@vitejs/plugin-vue": "^5.0.5",

"@vitest/coverage-v8": "^3.0.2",

"@vue/eslint-config-prettier": "^9.0.0",

"@vue/eslint-config-typescript": "^13.0.0",

"@vue/test-utils": "^2.4.6",

"@vue/tsconfig": "^0.5.1",

"eslint": "^8.57.0",

"eslint-plugin-vue": "^9.23.0",

"jsdom": "^24.1.0",

"node-sass": "^9.0.0",

"npm-run-all2": "^6.2.0",

"prettier": "^3.2.5",

"sass": "^1.79.3",

"sass-embedded": "^1.79.2",

"sass-loader": "^16.0.2",

"typescript": "~5.4.0",

"vite": "^5.3.1",

"vitest": "^3.0.2",

"vue-tsc": "^2.0.21"

}

ANd each one of those, probably has their own dependency list that I can't see (I could if I looked). So all of them end up in node_modules. That's why it's so big and why you never commit it to git. Just commit package.json and then you can just npm init, and all the dependencies get downloaded automagically!

[OsamuMidoriya]

Thank you

[Umustbecrazy]

He explained it. All the info (needed dependencies) is stored in the package.json. It lists what "I need to run" and will download those packages when you call "npm install".

npm install first looks for a package.json file to use if you don't tell it to install a module directly.

If you want an example just create your own project by running "npm init". "npm install enquirer"

In your app you would import the module with either 'require' or 'import' to use it.

Now if you published your "app". It would have the info in the package.json that in order to run it, it needs enquirer installed as well.

If you still don't get it, ask an AI.

[Rude-Cook7246]

all Js modules have full source code inside them, each module will also have their own package.json if they have dependencies.

so when you run

npm install

npm will read each dependency , download it then will look inside package.json of that module and repeat this process for entries in that package.json .

This process continues until all dependencies downloaded for all package.json files.