以下软件包。JSON包含很多依赖项和一些dev依赖性的内容,但是除非有几个文件,但除了几个文件外,除了几个NPM安装命令以进行ReactStrap,bootstrap,bootstrap,react-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
通过NPM为您的React项目创建文件树的最佳方法是什么?对于像我这样的新手而言,哪些REACT的设置软件包并不难?请不要建议创建反应应用 - 我喜欢它,但它有限。另外,可以一次或使用某些文件干扰我想到之前注意到的所有依赖性和DEV依赖性。
运行每个命令npm install --save package-here
时,它会自动将该软件包添加到您的软件包。当您准备从根目录安装项目时,您只能运行npm install
,它将在软件包中安装所有内容。JSON中的所有内容。除此之外,就文件结构而言,您不必使用包装更改任何内容。
此外,当您要在dev-devependencies中添加一个软件包时,运行 npm install --save-dev
或仅依赖关系npm install --save
。