Question

正在考虑的模板是https://github.com/StephenGrider/ReduxSimpleStarter

git clone之后，文件夹只有160kb。

但在npm install之后，该文件夹为620MB。

有没有办法让它尽可能小？有人怀疑反应本机的东西（包括二进制文件？）真的很大，所以可以做一些事情，如npm install --minus react-native如果根本不需要本地反应吗？

P.S。过了几天，今天是2017年4月2日，同样的回购，与之前相同，仅在npm install之后，只有138MB。我想有人修复了（npm模块注册表的）依赖项，所以没有安装大约500MB的东西。

Answer 1

您引用的初始项目中没有react-native。 :) 所以，这不是导致大目录的原因。

通常有一个大的node_modules目录。此目录通常放在.gitignore（或类似的）中，以便不提交到源控件存储库。

要跟踪依赖关系，请使用--save中的--save-dev和npm install开关，并确保提交package.json

此外，当您npm install进行制作时，请使用npm install --production开关排除dev依赖项。

Answer 2

运行npm install时，将从package.json安装所有依赖项，这包括devDependencies和依赖项（使用npm你也可以控制安装或不安装，如Davin Tryon指出的那样）。在package.json的摘录下面，您可以看到包含的所有dep。您也可以考虑忽略git或svn上的node_modules来使用存储库中的空间。

如果您不在项目上工作，可以考虑手动删除node_modules目录，以便为HD节省一些空间。

 "devDependencies": {
    "babel-core": "^6.2.1",
    "babel-loader": "^6.2.0",
    "babel-preset-es2015": "^6.1.18",
    "babel-preset-react": "^6.1.18",
    "chai": "^3.5.0",
    "chai-jquery": "^2.0.0",
    "jquery": "^2.2.1",
    "jsdom": "^8.1.0",
    "mocha": "^2.4.5",
    "react-addons-test-utils": "^0.14.7",
    "webpack": "^1.12.9",
    "webpack-dev-server": "^1.14.0"
  },
  "dependencies": {
    "babel-preset-stage-1": "^6.1.18",
    "lodash": "^3.10.1",
    "react": "^0.14.3",
    "react-dom": "^0.14.3",
    "react-redux": "^4.0.0",
    "react-router": "^2.0.1",
    "redux": "^3.0.4"
  }

如何在安装npm后使React和Redux模板尽可能小？

2 个答案: