각도 6에서 ng add와 npm 설치의 차이

각도 6에서 ng add와 npm 설치의 차이

Angular6가 출시됨에 따라, 그들은 새로운 commandng add를 추가했습니다. 누가 기존의 것들과 무엇이 다를지 말해줄 수 있습니까?command npm install <package>그리고.ng add <package>

ng add

ng add <package>패키지 관리자를 사용하고 종속성을 설치합니다.이 종속성에는 종속성 설치를 제외한 더 많은 작업을 수행하는 데 사용할 수 있는 설치 스크립트가 있을 수 있습니다.구성을 업데이트하거나, 해당 구성을 기반으로 다른 종속성을 다운로드하거나, 초기 마크업 및 논리를 사용하여 비계 템플릿을 만들 수 있습니다.

사용하기ng add타사 종속성의 경우 해당 팀은 설치 스크립트를 설명하는 스키마를 제공해야 합니다.여기에는 일부가 포함될 수 있습니다..scss또는.css또는 관련된.js에 포함할 파일angular.json파일.

제공된 링크에서 재료 패키지를 설치하고 구성 요소로 일부 구성 요소를 생성할 수 있습니다.

npm 설치

npm install <package>종속성만 설치합니다.

Angular Now의 추가 버전 6을 사용할 수 있습니다.

ng add

패키지 관리자를 사용하여 새 종속성을 다운로드하고 구성 변경으로 프로젝트를 업데이트할 수 있는 설치 스크립트를 호출합니다(In).angular.json파일), 추가 종속성(예: 필요한 경우 폴리필) 또는 스캐폴드 패키지별 초기화 코드를 추가합니다.

예를 들어 명령을 실행합니다.ng add @angular/material — Install자동으로 패키지를 설치하고 구성합니다.angular.json파일도 있습니다.

npm 설치

반면에.npm install <package>에서는 프로젝트에 패키지를 설치할 뿐 사용하도록 구성하지 않습니다.

예를 들어 명령을 실행합니다.npm install jquery프로젝트에 jQuery를 설치하지만 에서 수동으로 구성해야 합니다..angular-cli.json파일(v5에서와 같이)

자세한 내용은 여기를 참조하십시오.

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

Angular 7은 다음과 같습니다.@ngrx/store예를 들어 패키지.

패키지를 설치하고 에 추가하는 것 외에package-lock.json그리고.package.json,ng add당신을 위해 이것들을 할 것입니다.

1.파일 만들기index.ts아래reducers폴더를 지정하고 루트 감소기를 초기화합니다.

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. AppModule에 StoreModule을 추가합니다. (app.module.ts 파일)

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

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

언급URL : https://stackoverflow.com/questions/50169680/difference-between-ng-add-package-name-vs-npm-install-package-name-in-angula