یک نکتهی تکمیلی
به مستندات رسمی AngularJS 2.0، فصل جدیدی به نام «Introduction to Webpack» اضافه شدهاست. در اینجا میتوان Webpack را جایگزین Gulp کرد و نکتهی جالب آن، امکان نوشتن یک چنین کامپوننتهایی هستند:
در اینجا معرفی template و css جداگانهی تعریف شدهی در فایلهای مجزای خودشان، توسط متد require مربوط به webpack انجام شدهاند. مزیت آن این است که زمانیکه webpack کار bundling برنامه را انجام میدهد، تک فایل js حاصل، حاوی تمام فایلهای html و css برنامه هم خواهد بود و دیگر نیازی به توزیع جداگانهی آنها نیست. به عبارتی شما در حین تهیهی برنامه، inline کار نمیکنید، اما webpack آنها را حین توزیع نهایی، به صورت خودکار تبدیل به قالبها و شیوهنامههای inline میکند.
به مستندات رسمی AngularJS 2.0، فصل جدیدی به نام «Introduction to Webpack» اضافه شدهاست. در اینجا میتوان Webpack را جایگزین Gulp کرد و نکتهی جالب آن، امکان نوشتن یک چنین کامپوننتهایی هستند:
import { Component } from '@angular/core'; import '../../public/css/styles.css'; @Component({ selector: 'my-app', template: require('./app.component.html'), styles: [require('./app.component.css')] }) export class AppComponent { }