title: Do you put Babel and Webpack in devDependencies or Dependencies?
body: <p>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?</p>
  
  <pre><code>  "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",
      "extract-text-webpack-plugin": "^1.0.1",
      "file-loader": "^0.9.0",
      "lodash": "^4.15.0",
      "react": "^15.0.2",
      "react-addons-css-transition-group": "^15.0.2",
      "react-dom": "^15.0.2",
      "react-redux": "^4.4.5",
      "react-transform-catch-errors": "^1.0.2",
      "react-transform-hmr": "^1.0.4",
      "redbox-react": "^1.2.3",
      "redux": "^3.5.2",
      "redux-form": "^6.1.0",
      "rimraf": "^2.5.2",
      "style-loader": "^0.13.1",
      "webpack-dev-middleware": "^1.6.1",
      "webpack-hot-middleware": "^2.10.0"
    },
    "devDependencies": {
      "babel-register": "^6.9.0",
      "chai": "^3.5.0",
      "mocha": "^2.5.3",
      "sinon": "^1.17.4",
      "webpack": "^1.13.2"
    }
  </code></pre>