How do I use `pug` template in angular 6 project

I’m submitting a…

I changed app.component.html as app.component.pug and modified that content, on terminal it showed

ERROR in ./src/app/app.component.pug 4:14
Module parse failed: Unexpected token (4:14)
You may need an appropriate loader to handle this file type.
| div(style='text-align:center')
|   h1
>     | Welcome to {{ title }}!
|   img(width='300', alt='Angular Logo', src='data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==')
| h2 Here are some links to help you start:
ℹ ｢wdm｣: Failed to compile.

Current behavior

Module parse failed: Unexpected token ｢wdm｣: Failed to compile.

Expected behavior

｢wdm｣: Compiled successfully.

Environment

Angular version: 6.1.0
 
For Tooling issues:
- Node version: 8.11.1
- Platform:  Mac

[fengxinming]

@benlesh anyway, thank you for the suggestion, I suppose it is time to migrate angular to vue.

[fengxinming]

@ericmartinezr I don’t understand why you all support sass, stylus, less those style templates, but you didn’t support pug in @angular-devkit.