{"id":14967582,"url":"https://github.com/danguilherme/ng-cli-pug-loader","last_synced_at":"2025-07-12T19:35:59.309Z","repository":{"id":151244329,"uuid":"131931341","full_name":"danguilherme/ng-cli-pug-loader","owner":"danguilherme","description":":sparkles: Angular schematics to add .pug to your project","archived":false,"fork":false,"pushed_at":"2023-11-22T00:06:50.000Z","size":95,"stargazers_count":55,"open_issues_count":0,"forks_count":17,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-01-31T10:24:17.423Z","etag":null,"topics":["angular","angular-cli","angular-schematics","ng-add","pug"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/danguilherme.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-05-03T02:33:48.000Z","updated_at":"2024-12-30T15:35:55.000Z","dependencies_parsed_at":"2024-08-23T14:26:36.717Z","dependency_job_id":"b9cc8ea1-edca-4b4a-b2b9-67b04a7792a8","html_url":"https://github.com/danguilherme/ng-cli-pug-loader","commit_stats":null,"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danguilherme%2Fng-cli-pug-loader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danguilherme%2Fng-cli-pug-loader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danguilherme%2Fng-cli-pug-loader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danguilherme%2Fng-cli-pug-loader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/danguilherme","download_url":"https://codeload.github.com/danguilherme/ng-cli-pug-loader/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238207646,"owners_count":19434095,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-cli","angular-schematics","ng-add","pug"],"created_at":"2024-09-24T13:38:18.740Z","updated_at":"2025-02-10T23:31:30.671Z","avatar_url":"https://github.com/danguilherme.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e ⚠️ This project is no longer maintained. ⚠️\n\u003e \n\u003e Check out [ngx-pug-builders](https://github.com/lekhmanrus/ngx-pug-builders) to add support to pug files to your Angular project.\n\n# Angular CLI Pug Loader\n\nAngular CLI Schematic implementation to add `.pug` file support for your Angular project.\n\n## Usage\n\nAt the root of your project, run\n\n```bash\nng add ng-cli-pug-loader\n```\n\nThat's it, your project now supports pug files:\n\n```typescript\nimport { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-root',\n  templateUrl: './app.component.pug',\n  styleUrls: ['./app.component.scss']\n})\nexport class AppComponent {\n  title = 'app';\n}\n```\n\n### Pug Includes Usage\nBecause of [pug include](https://pugjs.org/language/includes.html) templates don't work with `apply-loader` (see [related issue](https://github.com/pugjs/pug-loader/issues/105)) we have supported it for `*.partial.pug` and `*.include.pug` files.\n\nImagine you have `mixins.pug` and `example.partial.pug` for example.\n\n```pug\n//- apply-loader and pug-loader will be used\ninclude mixins\n//- apply-loader and pug-loader will be used\ninclude mixins.pug\n//- pug-loader only will be used\ninclude example.partial.pug\n//- pug-loader only will be used\ninclude example.include.pug\n```\n\n## Development\n\n### Unit Testing\n\n`npm run test` will run the unit tests, using Jasmine as a runner and test framework.\n\n## Reference\n\n- [Schematics — An Introduction](https://blog.angular.io/schematics-an-introduction-dc1dfbc2a2b2)\n- [Using PUG (or Jade) templates with the Angular-CLI](https://medium.com/@MarkPieszak/using-pug-or-jade-templates-with-the-angular-cli-9e37334db5bc)\n- [Angular Material schematics implementation](https://github.com/angular/material2/tree/6.0.0/src/lib/schematics)\n- [🏖️ How To Create Your First Custom Angular Schematics With Ease🛠️](https://medium.com/@tomastrajan/%EF%B8%8F-how-to-create-your-first-custom-angular-schematics-with-ease-%EF%B8%8F-bca859f3055d)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanguilherme%2Fng-cli-pug-loader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdanguilherme%2Fng-cli-pug-loader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanguilherme%2Fng-cli-pug-loader/lists"}