angular - Angular 2 Universal - スタイラスと pug テンプレートを使用したサーバー側レンダリング

Question

Angular2、typescript、スタイラス (css 用)、および pug (html テンプレート用) を使用してアプリを構築しようとしています。

しかし、Angular2 Universal では動作しません。

問題はts-node、サーバー コードを実行するために使用していて、App コンポーネントをインポートするたびにエラーが発生することです。

server.ts (ノード/エクスプレス):

import 'angular2-universal/polyfills';

import * as path from 'path';
import * as express from 'express';
import * as bodyParser from 'body-parser';


// Angular 2 Universal
import {
  provide,
  enableProdMode,
  expressEngine,
  REQUEST_URL,
  ORIGIN_URL,
  BASE_URL,
  NODE_ROUTER_PROVIDERS,
  NODE_HTTP_PROVIDERS,
  ExpressEngineConfig
} from 'angular2-universal';

// Application
import {App} from './app/modules/app';

エラーが発生します：

app/modules/app/app.styl:2 margin-bottom: 10px ^ SyntaxError: 予期しないトークン:

app.ts

import {Component, ViewEncapsulation} from '@angular/core';
import {RouteConfig, Router, ROUTER_DIRECTIVES} from '@angular/router-deprecated';

import {Home} from '../home';


/*
 * App Component
 * Top Level Component
 */
@Component({
  selector:      'app',
  pipes:         [ ],
  providers:     [ ],
  directives:    [ ],
  encapsulation: ViewEncapsulation.None,
  styles:        [
    require('./app.styl')
  ],
  template: require('./app.pug')
})

app.style

input
  margin-bottom: 10px

別の方法は、ビルド コード (webpack によって生成された) を実行することです。webpackjsonpしかし、コードは関数でラップされているため、どうすればよいでしょうか。