Angular4 中使用Pug/Jade

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

npm i pug pug-html-loader -S

2、修改 node_modules@angularclimodelswebpack-configscommon.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']
})