When you visit https://www.gatsbyjs.org/packages/gatsby-plugin-styled-components/, I think babel-plugin-styled-components must be a dev dependency, not sure tho?
Right now it's
npm install --save gatsby-plugin-styled-components styled-components babel-plugin-styled-components
I think it must be changed to
npm install --save gatsby-plugin-styled-components styled-components
npm install --save-dev babel-plugin-styled-components
Correct?
Some dependencies that other tools consider dev should be normal dependencies with Gatsby as e.g. on a CI server, often dev dependencies won't be installed which will break your gatsby build.
Gotcha!
This is a naive example but suppose if many such dependencies are installed then won't it increase the build size?
Which dependencies are supposed to be normal vs dev? How would I differentiate?
Most helpful comment
Some dependencies that other tools consider dev should be normal dependencies with Gatsby as e.g. on a CI server, often dev dependencies won't be installed which will break your gatsby build.