Можно ли избавиться от lodash в Angular 4? - PullRequest
Новая
       7

Можно ли избавиться от lodash в Angular 4?

0 голосов
/ 21 декабря 2018

Недавно я узнал, что lodash использует более 500 КБ в моем приложении Angular 4 после публикации.Я удалил все случаи использования lodash и удалил его пакет.

Но теперь у меня возникла проблема при сборке:

Ошибка: не удается найти модуль 'lodash'

Требуется ли lodash в Angular?Его нельзя удалить?

[Редактировать]

Я удалил все зависимости, но все еще не могу запустить приложение или собрать его.Однако, когда я использую: 

npm install

Результат: 

`-- @angular/cli@1.2.7
    `-- lodash@4.17.11

И тогда приложение работает, но оно снова имеет lodash, хотя это не упоминается в package.json.Кажется, что angular-cli требует, чтобы ...

package.json: 

{
  "name": "agent-reporting-client",
  "version": "1.4.1",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "npm run meta && ng serve -o --port 185 --host localdev.moneygram.com",
    "build": "ng build",
    "test": "ng test -sm='false'",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "publish": "npm run meta && ng build --aot --prod --environment=prod",
    "debug-aot": "ng build --aot --environment=prod --output-hashing none",
    "meta": "node meta/build src src/metaDefinitions.ts"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "4.3.0",
    "@angular/common": "4.3.0",
    "@angular/compiler": "4.3.0",
    "@angular/core": "4.3.0",
    "@angular/forms": "4.3.0",
    "@angular/http": "4.3.0",
    "@angular/platform-browser": "4.3.0",
    "@angular/platform-browser-dynamic": "4.3.0",
    "@angular/router": "4.3.0",
    "@ngx-translate/core": "7.0.0",
    "@ngx-translate/http-loader": "0.1.0",
    "babel-polyfill": "^6.26.0",
    "bootstrap": "3.3.7",
    "core-js": "2.4.1",
    "es5-shim": "4.5.9",
    "es6-shim": "0.35.3",
    "file-saver": "1.3.3",
    "jquery": "3.2.1",
    "moment": "2.18.1",
    "ng2-webstorage": "1.8.0",
    "ngx-bootstrap": "2.0.5",
    "nodegit": "0.20.2",
    "oidc-client": "1.5.4",
    "rxjs": "5.4.3",
    "zone.js": "0.8.4"
  },
  "devDependencies": {
    "@angular/cli": "1.2.7",
    "@angular/compiler-cli": "4.3.0",
    "@angular/language-service": "4.3.0",
    "@types/jasmine": "2.5.53",
    "@types/jasminewd2": "2.0.2",
    "@types/node": "6.0.60",
    "codelyzer": "3.0.1",
    "jasmine-core": "2.6.2",
    "jasmine-spec-reporter": "4.1.0",
    "karma": "1.7.0",
    "karma-chrome-launcher": "2.1.1",
    "karma-cli": "1.0.1",
    "karma-coverage-istanbul-reporter": "1.2.1",
    "karma-jasmine": "1.1.2",
    "karma-jasmine-html-reporter": "0.2.2",
    "node-sass": "4.5.3",
    "protractor": "5.1.2",
    "ts-node": "3.0.4",
    "tslint": "5.3.2",
    "typescript": "2.3.3",
    "uglifyjs-webpack-plugin": "0.4.6",
    "webpack-bundle-analyzer": "^3.0.3"
  }
}

npm ls lodash: 

+-- @angular/cli@1.2.7
| `-- lodash@4.17.11
+-- karma@1.7.0
| `-- lodash@3.10.1
`-- webpack-bundle-analyzer@3.0.3
  `-- lodash@4.17.11

Спасибо за вашу помощь ...

1 Ответ

0 голосов
/ 21 декабря 2018

То, что он находится в CLI, не означает, что он находится в скомпилированном выводе.CLI - это инструмент.Вот почему это в devDependencies, а не в зависимостях в вашем package.json.Он не компилируется в выходные данные вашего Angular-кода.

Но если вы обслуживаете свое приложение локально в dev, то Angular CLI может загружать lodash как часть зависимостей CLI.

Если ваше приложение не использует lodash напрямую (выполните поиск «from 'lodash» в вашем проекте), то вы не включите его в окончательный вывод.

...