Angular4 中使用Pug/Jade

前端之家收集整理的这篇文章主要介绍了Angular4 中使用Pug/Jade前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1、安装相应loader :
pug-html-loaderpug

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']
})

猜你在找的Angularjs相关文章