Угловая структура папок 6 + SASS

Question

Какова лучшая структура папок, которую мы можем поддерживать для большого проекта (более одной страницы). Я новичок в sass и angular. Пожалуйста, помогите мне разобраться в структуре папок.

Answer 1

Вот мой взгляд на хорошо структурированную, организованную и масштабируемую архитектуру для угловых решений:

|-- app
  |-- core
    |-- [+] guards
    |-- [+] interceptors
    |-- sdk
      |-- [+] base-http
      |-- [+] http
      |-- [+] models
      |-- sdk.module.ts
    |-- [+] services
    |-- core.module.ts
  |-- modules
    |-- home
      |-- [+] components
      |-- [+] pages
      |-- home-routing.module.ts
      |-- home.module.ts
    |-- login
      |-- [+] components
      |-- [+] pages
      |-- login-routing.module.ts
      |-- login.module.ts
  |-- shared
      |-- [+] components
      |-- [+] directives
      |-- [+] pipes
      |-- [+] validators
      |-- shared.modules.ts
  |-- app-routing.module.ts
  |-- app.component.html
  |-- app.module.ts
|-- assets
   |-- [+] fonts
   |-- [+] i18n
   |-- [+] icon
   |-- [+] images
 |-- [+] environments
 |-- [+] theme
 |-- _variables.scss
 |-- global.scss
 |-- index.html

Ссылка

Answer 2

У вас должен быть глобальный файл sass, а затем специфичный для компонента файл sass для каждого имеющегося у вас компонента, чтобы вы могли настроить желаемый стиль компонента по компонентам.Таким образом, проект будет аккуратным и простым в обслуживании.