How to tell the difference between installing third-party libraries in production dependencies and developing dependencies

I found a phenomenon in the development project. In vue projects, the third-party libraries of plug-ins are usually installed in production dependencies, but most of them in react are installed in development dependencies. How to tell which one is installed when npm is installed? Is it because of the different webpack configuration? What are the advantages and disadvantages? (ps: is a rookie)

Javascript node.js html5 typescript html

Mar.31,2021

-D installs only the modules needed for development
-S is eventually packaged into a production environment

this is what you decided when you installed the package

npm install package-name -D // 
npm install package-name --save-dev // 

npm install package-name -S // "" 
npm install package-name --save // ""

Previous: How does webpack handle pictures in html?

Next: How to quickly add version numbers to js and css files in HTML?