더 이상 사용되지 않음차세대 플랫폼

모듈 작성

비즈니스 요구사항에 따라 새 플로우 또는 모듈을 작성할 수 있습니다.

프로시저

모듈을 작성하십시오.
  1. SCREEN_EXTENSIONS_HOME 아래에 다음 폴더 구조를 만듭니다(아직 없는 경우).SCREEN_EXTENSIONS_HOME/features
    참고:

    애플리케이션 제공 기능 모듈은 <WORKSPACE>/store-frontend/src/app/features 폴더에 있습니다. SCREEN_EXTENSIONS_HOME 위치의 features 폴더 아래에 새 사용자 정의 모듈을 작성하는 것이 좋습니다.

  2. SCREEN_EXTENSIONS_HOME/features 폴더로 이동하여 다음 명령을 실행하여 새 모듈을 만듭니다:ng g m <moduleName> --project=store-extensions --routing 인수를 사용하여 모듈에 라우팅을 추가합니다.
    참고: --project=store-extensions인수를 전달해야 합니다. 이를 수행하지 않으면 애플리케이션 제공 src 폴더 (<WORKSPACE>/store-frontend/src) 에 컴포넌트가 작성됩니다. 여기서 작성된 파일은 무시되며 브라우저에서 렌더링되지 않습니다.
  3. store-customization-impl.ts 파일에서 featureModuleExtensionRoutes 특성에 모듈을 지연 로드하기 위한 라우트를 정의하십시오.
    예를 들어, SCREEN_EXTENSIONS_HOME/features아래에 사용자 모듈을 작성하는 경우 store-customization-impl.ts 파일에는 다음이 포함됩니다.
    
             static featureModuleExtensionRoutes: Routes = [
            {
                path: 'user',
                loadChildren: './../features/user/user.module#UserModule'
            }
        ];
    참고:
    • loadChildren 특성의 경로는 <WORKSPACE>/store-frontend/src/app/app-shell 위치에 상대적으로 제공되어야 합니다.
    • <WORKSPACE>/store-frontend/src/app/app-shell/app-shell-routing.module.ts 에서 기능 모듈의 라우트 경로 정의를 참조할 수 있습니다.
      중요: 이 파일의 컨텐츠는 수정해서는 안되며 참조용으로만 사용해야 합니다.
    • 애플리케이션 성능을 향상시키기 위해 모듈을 지연 로드하는 것이 좋습니다.
  4. 사용자 정의 모듈의 BUNDLE_EXTENSIONS_HOME 아래에 새 폴더를 작성하고 en.json 파일도 작성하십시오.

    예를 들어 새 사용자 지정 모듈을 작성하는 경우 User, 해당 번역 폴더(예: user )를 BUNDLE_EXTENSIONS_HOME 내에 만들고 en.json파일은 다음과 같이 작성합니다:store-frontend/store-extensions-src/assets/store-frontend/i18n/user/en.json

    자세한 내용은 새 모듈 또는 플로우의 새 구성 요소에 대한 번들 항목 정의하기를 참조하세요.