Angular4 中使用Pug/Jade

1、安装相应loader :
pug-html-loader和pug。

npm i pug pug-html-loader -S

2、修改 node_modules\@angular\cli\models\webpack-configs\common.js文件，在loader中添加：

 {         test: /\.pug$/,         loaders: [          'html-loader', {          loader: 'pug-html-loader',            options: {              doctype: 'html'            }          }        ]      }

3、这时候就能这样写Angular了:

@Component({  selector: 'app-my-header',  templateUrl: './my-header.component.pug',  styleUrls: ['./my-header.component.css']})