Setzen Sie Babel und Webpack in devDependencies oder Abhängigkeiten?

Ich bin neu in npm und verstehen nicht wirklich, was sollte in Abhängigkeiten vs. devDependencies. Ich weiß, dass für Test-Bibliotheken, die Sie gehen sollten, in dev, aber wie sieht es für Dinge wie babel und webpack? Sollten Sie in dev zu, weil Sie nur verwendet, um transcompile es6 und JSX in vanilla JS? Mein Verständnis ist, dass, wenn Sie deploy to heroku, es transcompiliation mit der notwendigen Bibliotheken bereits, so es keine Notwendigkeit gibt, die Sie beherbergen auf die Produktion?

  "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"
  }

InformationsquelleAutor der Frage stackjlei | 2016-10-19

  1. 17

    Den babel und webpack Pakete gehen in den devDependencies Abschnitt, weil diese Pakete werden verwendet, wenn transpiling und bundle-ing-code in vanilla javascript in die bundle.js & etc-Datei(en).

    In der Produktion führen Sie Ihren code aus der bundle.js bauen/generierte code wird nicht verlangen, diese Abhängigkeiten mehr.

    InformationsquelleAutor der Antwort Zohaib Ijaz

  2. 2

    Dev Abhängigkeit derjenigen, die nur für die Entwicklung server, ich denke, diese sind devDepedency:

    "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-preset-env": "^1.6.1",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "eslint": "^4.11.0",
    "eslint-config-airbnb": "^16.1.0",
    "eslint-plugin-import": "^2.8.0",
    "eslint-plugin-jsx-a11y": "^6.0.2",
    "eslint-plugin-react": "^7.5.1",
    "webpack-dev-server": "^2.9.4"
  }

    InformationsquelleAutor der Antwort Shubham Laad

Schreibe einen Kommentar