If you're building a React app, then react and react-dom would be dependencies . If you're using react-router for client-side routing, that would also be part of your dependencies . Any other packages like lodash or a design system library like Material UI ( @mui/material ) would also be dependencies .
Node-sass is a library that provides binding for Node. js to LibSass, the C version of the popular stylesheet preprocessor, Sass. It allows you to natively compile . scss files to css at incredible speed and automatically via a connect middleware.
React is a dependency because it is included in the final build.
Sass, Webpack, PostCSS, Compass, and Animate. css are the most popular alternatives and competitors to node-sass.
Since it's required to do a production build, it should be in the production dependencies list imho.
In my experience, most of the time the project gets build afresh for production, so needs all the packages required to build from scratch.
A dev dependency might something like webpack-dev-server which isn't needed for a prod build, but clearly is used in development (assuming one is using it).
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With