Hallo. Ich bin neu zu reagieren und habe eine Frage zu optimalen Setup-Verfahren

Question

Die folgende package.json enthält eine Menge von Abhängigkeiten und ein paar devDependencies Zeug aber abgesehen von ein paar Dateien scheint es alles zu haben, was ich brauche mit Ausnahme einiger npm Installationsbefehle für Reactstrap , Bootstrap, reagiert-Bootstrap

{ 
    "name": "react-tutorials", 
    "version": "0.0.0", 
    "description": "", 
    "main": "webpack.config.js", 
    "dependencies": { 
     "babel-core": "^6.18.2", 
     "babel-loader": "^6.2.0", 
     "babel-plugin-add-module-exports": "^0.1.2", 
     "babel-plugin-react-html-attrs": "^2.0.0", 
     "babel-plugin-transform-class-properties": "^6.3.13", 
     "babel-plugin-transform-decorators-legacy": "^1.3.4", 
     "babel-preset-es2015": "^6.3.13", 
     "babel-preset-react": "^6.3.13", 
     "babel-preset-stage-0": "^6.3.13", 
    "flux": "^2.1.1", 
    "history": "^1.17.0", 
    "react": "^0.14.6", 
    "react-dom": "^0.14.6", 
    "react-router": "^1.0.3", 
    "webpack": "^1.12.9", 
    "webpack-dev-server": "^1.14.1" 
    }, 

    "devDependencies": {}, 
    "scripts": { 
     "dev": "webpack-dev-server --content-base src --inline --hot" 
    }, 
    "author": "", 
    "license": "ISC" 
} 


// Additional dependencies and devDependencies 
npm install --save reactstrap react-addons-transition-group react-addons-css-transition-group react react-dom 

npm install react react-dom bootstrap react-bootstrap babel-preset-react webpack webpack-dev-server --save 
npm install webpack css-loader style-loader file-loader url-loader babel-core 

Was ist der optimale Weg, um einen Dateibaum erstellen für Ihr Projekt über npm reagieren und was reagieren - *** Setup-Pakete nicht zu schwierig für einen Anfänger wie ich sind? Bitte schlage keine create-react-app vor - ich liebe es, aber es ist begrenzt. Auch können alle Abhängigkeiten und devDependencies über npm alle auf einmal installiert werden oder mit einigen Dateien andere stören, die ich bemerkt habe, bevor ich denke.

Answer 1

Wenn Sie die Befehle npm install --save package-here ausführen, wird das Paket automatisch zu Ihrer package.json hinzugefügt. Wenn Sie bereit sind, Ihr Projekt aus dem Stammverzeichnis zu installieren, führen Sie nur npm install aus und es installiert alles in Ihrer package.json in einen node_modules-Ordner. Ansonsten sollten Sie nichts mit Ihren Paketen ändern müssen, soweit es die Dateistruktur betrifft.

Wenn Sie außerdem ein Paket zu Ihren Dev-Abhängigkeiten hinzufügen möchten, führen Sie npm install --save-dev oder nur Abhängigkeiten npm install --save.