如何在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文件夾的大小很大。 它們對性能沒有太大影響。 在運行時，節點知道要執行什么代碼和不執行什么代碼。

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