Ng-cli-pug-loader NPM

Angular CLI Pug Loader

Angular CLI Schematic implementation to add .pug file support for your Angular project.

Usage

At the root of your project, run

ng add ng-cli-pug-loader

That's it, your project now supports pug files:

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.pug',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'app';
}

Pug Includes Usage

Because of pug include templates don't work with apply-loader (see related issue) we have supported it for *.partial.pug and *.include.pug files.

Imagine you have mixins.pug and example.partial.pug for example.

//- apply-loader and pug-loader will be used
include mixins
//- apply-loader and pug-loader will be used
include mixins.pug
//- pug-loader only will be used
include example.partial.pug
//- pug-loader only will be used
include example.include.pug