Açısal-uç neden bileşen/paylaşılan/index.ts oluşturur?

Question

Ben bu çalıştırırsanız:

ng g component components/blogs 

alıyorum

app 
+--components 
| +--blogs 
| | +--shared 
| | | +--index.ts    // what's this for? 
| | +--blogs.component.css 
| | +--blogs.component.html 
| | +--blogs.component.ts 
| | +--blogs.component.spec.ts // unit tests! 
| | +--index.ts 

ben gerisini anlıyorum ama için /blogs/shared/index.ts nedir

? Bu bileşen klasörü yalnızca bileşen içinse, bileşen neden bir paylaşımlı klasöre sahiptir?

Answer 1

Paylaşılan dizindeki index.ts dosyasının fikri, bir varil olarak adlandırılan bir şeydir.

Ithalatı birleştirmek için varil hedefi. Bu

app/bileşenleri/bloglar/paylaşılan/blogs.service.ts

export class BlogsService { ... } 

app/bileşenleri/bloglar ... blogs.component.ts temizleyici ithalatı yapmak için paylaşılan içinde bulunan öğeleri ihraç edecek /shared/blog.model.ts

export class Blog { ... } 

app/bileşenleri/bloglar/paylaşılan/index.ts

export * from './blogs.service'; 
export * from './blog.model'; 

app/bileşenleri/bloglar/blogs.component.ts

// without barrel 
import { BlogsSerivce } from './shared/blogs.service'; 
import { Blog } from './shared/blog.model'; 

// with barrel 
import { BlogService, Blog } from './shared'; 

Ve bu çok daha daha bileşenler/hizmet/direktifleri/modeller ekleme olarak konsolide olur hayal eğer. Sen resmi style guide (Günter Zochbauer için teşekkür) içinde varil okuyabilirsiniz

REFERANS