如何在Angular 5的node_modules文件夹中删除不需要的文件

Question

我想删除node_modules文件夹中不需要的文件，以减小大小并快速加载。 我的应用程序在加载时速度太慢，我不知道是什么原因。有人可以建议我减小文件大小。

这是我的package.json

    {
  "name": "CoreUI",
  "version": "1.0.0-alpha.4",
  "description": "Open Source Bootstrap Admin Template",
  "author": "",
  "url": "http://coreui.io",
  "copyright": "Copyright 2017 creativeLabs Łukasz Holeczek",
  "license": "MIT",
  "angular-cli": {},
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^5.2.2",
    "@angular/common": "^5.2.2",
    "@angular/compiler": "^5.2.2",
    "@angular/core": "^5.2.2",
    "@angular/forms": "^5.2.2",
    "@angular/http": "^5.2.2",
    "@angular/platform-browser": "^5.2.2",
    "@angular/platform-browser-dynamic": "^5.2.2",
    "@angular/platform-server": "^5.2.2",
    "@angular/router": "^5.2.2",
    "@angular/upgrade": "2.4.9",
    "angular-split": "^1.0.0-rc.3",
    "angular2-fontawesome": "^0.9.3",
    "angular2-image-upload": "^1.0.0-rc.0",
    "angular2-multiselect-dropdown": "^2.2.1",
    "angular2-notifications": "^1.0.2",
    "angular2-ui-switch": "^1.2.0",
    "chart.js": "^2.5.0",
    "chart.piecelabel.js": "^0.10.0",
    "core-js": "2.4.1",
    "e-ngx-fileupload": "^1.2.0",
    "font-awesome": "^4.7.0",
    "moment": "2.17.1",
    "mydatepicker": "^2.6.1",
    "mydaterangepicker": "^4.2.1",
    "ng2-bootstrap": "^1.4.0",
    "ng2-charts": "^1.5.0",
    "ng2-ckeditor": "^1.2.0",
    "ng2-drag-drop": "^3.0.2",
    "ng2-dragula": "^1.5.0",
    "ng2-fancy-image-uploader": "^2.0.1",
    "ng2-split": "^0.1.6",
    "ng2-split-pane": "^1.4.0",
    "ngx-bootstrap": "^2.0.3",
    "ngx-chips": "^1.6.7",
    "ngx-cookie-service": "^1.0.10",
    "ngx-quill": "^3.4.0",
    "ngx-quill-editor": "^2.2.2",
    "ngx-toggle-switch": "^1.3.9",
    "rxjs": "5.2.0",
    "ts-helpers": "1.1.2",
    "zone.js": "0.7.2"
  },
  "devDependencies": {
    "@angular/cli": "1.0.0-rc.1",
    "@angular/compiler-cli": "^5.2.2",
    "@types/jasmine": "2.5.45",
    "@types/node": "7.0.8",
    "codelyzer": "2.0.1",
    "jasmine-core": "2.5.2",
    "jasmine-spec-reporter": "3.2.0",
    "karma": "1.5.0",
    "karma-chrome-launcher": "2.0.0",
    "karma-cli": "1.0.1",
    "karma-coverage-istanbul-reporter": "0.3.0",
    "karma-jasmine": "1.1.0",
    "karma-jasmine-html-reporter": "0.2.2",
    "protractor": "5.1.1",
    "ts-node": "2.1.0",
    "tslint": "4.5.1",
    "typescript": "^2.6.2"
  }
}

我只希望依赖文件出现在节点模块中。

提前致谢。

Answer 1

除非您对自己的工作有信心，否则不要触摸node_modules文件夹吗？ 这是正常的。 通常，node_module文件夹的大小稍高一些。 这是因为它包含您正在使用的库，它们的依存关系以及它们的依存关系。

在这里，我可以提出一些建议，以减少node_modules文件夹的空间使用情况

• 尝试尽可能使用这些库的最新稳定版本
• 使用最少数量的库。 （不仅是没有目的地安装库）
• 如果仅使用普通javascript就可以实现该任务，则无需为此使用库。

如果您认为自己不小心添加了软件包，并通过手动编辑package.json文件将其删除。 只需删除整个node_modules目录并运行npm install或yarn install

尽管node_module文件夹的大小很大。 它们对性能没有太大影响。 在运行时，节点知道要执行什么代码和不执行什么代码。

你可以找到更多的信息， 该文章。