Разница между ng add <имя пакета> и npm install <имя пакета> в angular 6

Question

Поскольку Angular6 был выпущен, Они добавили новую команду ng add . Может кто-нибудь сказать мне, в чем будет разница между существующими command npm install <package> и ng add <package>

Answer 1

нг добавить

Будет использовать ваш менеджер пакетов для загрузки новых зависимостей и вызова сценария установки, который может обновить ваш проект с изменениями конфигурации (в том числе и в файле angular.json), добавить дополнительные зависимости (например, полифиллы, если необходимо) или scaffold для конкретного пакета код инициализации.

Например, вы запускаете команду ng add @angular/material — Install, она автоматически установит пакет и сконфигурирует его также в файле angular.json.

установка в минуту

Принимая во внимание, что npm install <package> только установит ваш пакет в ваш проект, но не настроит его для использования.

Например, вы запускаете команду npm install jquery, она установит jQuery в ваш проект, но вам необходимо настроить ее вручную в файле .angular-cli.json (как в v5)

Подробнее читайте здесь -

• https://blog.angular.io/version-6-of-angular-now-available-cc56b0efa7a4

Answer 2

Что касается Angular 7, возьмите, например, пакет @ngrx/store.

Помимо установки пакетов и добавления их в package-lock.json и package.json, ng add сделает это за вас.

1.Создайте файл index.ts в reducers foler и инициализируйте корневой редуктор.

import {
   ActionReducer,
   ActionReducerMap,
   createFeatureSelector,
   createSelector,
   MetaReducer
} from '@ngrx/store';
import { environment } from '../../environments/environment';

export interface State {

}

export const reducers: ActionReducerMap<State> = {

};

export const metaReducers: MetaReducer<State>[] = !environment.production ? [] : [];

2.Добавить StoreModule в AppModule. (В файле app.module.ts)

import { StoreModule } from '@ngrx/store';
import { reducers, metaReducers } from './reducers';

@NgModule({
  imports: [
    StoreModule.forRoot(reducers, { metaReducers }),
  ]
})

Answer 3

нг добавить

ng add <package> использует менеджер пакетов и устанавливает зависимость. Эта зависимость может иметь сценарий установки, который можно использовать для выполнения большей работы, кроме установки зависимости. Он может обновлять ваши конфигурации, загружать другие зависимости на их основе или создавать шаблоны скаффолдов (с начальной разметкой и логикой ).

Чтобы использовать ng add для сторонней зависимости, эта команда должна предоставить schematics , которая описывает сценарий установки. Это может включать некоторые .scss или .css или связанные .js файлы для включения в файл angular.json.

В предоставленной ссылке вы можете установить пакет материалов, а также создать некоторые компоненты с компонентами

установка в минуту

npm install <package> просто устанавливает зависимость.

Подробнее Доступна версия 6 Angular .