Skip to content

danguilherme/ng-cli-pug-loader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⚠️ This project is no longer maintained. ⚠️

Check out ngx-pug-builders to add support to pug files to your Angular project.

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

Development

Unit Testing

npm run test will run the unit tests, using Jasmine as a runner and test framework.

Reference