我有一个使用以下技术开发的大型Web应用程序:
> webserver:Node.js Express
>模板引擎:玉
> css引擎:少
>客户端框架:AngularJS(v.1.x)
>数据库:MongoDB
我很想切换到Angular 2并使用Angular 2 Universal来利用服务器端渲染.
自从我使用John Papa的风格指南启动项目后,(理论上)升级到Angular 2将不会是一个大问题.
我现在还没有解决的问题是在Angular 2的Component模板中使用Jade.
例:
@Component({ selector: 'todo-app',template: ` <h2>Todo</h2> <span>{{remaining}} of {{todos.length}} remaining</span> [ <a href="javascript: false" (click)="archive()">archive</a> ] <todo-list [todos]="todos"></todo-list> <todo-form (newTask)="addTask($event)"></todo-form>`,directives: [TodoList,TodoForm] })
我想把Jade改成html而不是模板.
你对此有什么建议吗?有人有任何想法吗?
解决方法
使用Webpack
raw-loader和
jade-html-loader加载程序:
loaders: [ { test: /\.jade$/,loader: 'raw!jade-html' },// ... ]
你可以做:
@Component({ selector: 'todo-app',template: require('./todo-app.jade'),TodoForm] })