Do you put Babel and Webpack in devDependencies or Dependencies?

Question

I'm new to npm and don't really understand what should go into dependencies vs. devDependencies. I know that for testing libraries they should go into dev, but how about for things like babel and webpack? Should they be in dev too, because they're only used to transcompile es6 and JSX into vanilla JS? My understanding is that when you deploy to heroku, it do the transcompiliation with the necessary libraries already, so there's no need to host them on production? ``` "dependencies": { "babel-core": "^6.7.7", "babel-eslint": "^6.0.4", "babel-loader": "^6.2.4", "babel-plugin-react-transform": "^2.0.2", "babel-plugin-transform-object-rest-spread": "^6.6.5", "babel-plugin-transform-react-display-name": "^6.5.0", "babel-polyfill": "^6.7.4", "babel-preset-es2015": "^6.6.0", "babel-preset-react": "^6.5.0", "bootstrap": "^3.3.7", "css-loader": "^0.23.1", "es6-promise": "^3.2.1", "eslint": "^2.9.0", "eslint-plugin-babel": "^3.2.0", "eslint-plugin-react": "^5.0.1", "express": "^4.13.4", "extrac…

Accepted Answer

The `babel` and `webpack` packages will go into the `devDependencies` section because these packages are used in when transpiling and bundle-ing your code into vanilla javascript in the `bundle.js` & etc file(s).

In production you will run your code off the `bundle.js` build/generated code will not require these dependencies anymore.

Do you put Babel and Webpack in devDependencies or Dependencies?

Solution

Problem

Related problems