react 服务端渲染怎么处理less文件

Question

背景：用react.js + node 实现react组件服务端渲染。

由于当前 node 还不支持 import，我用nodemon --harmony server.js --exec babel-node命令执行，其中server.js是后端入口文件，这样是可以支持 import 了，但是当我使用 antd 的 Button 组件时却报不支持 @import, 因为 antd 的 button 组件导入了 default.less,怎样才能解决这个问题呢？

server.js

import React, { Component } from 'react';

import { renderToString } from 'react-dom/server'

import { Button } from 'antd';

var Koa = require('koa');

var app = new Koa();

const render = require('koa-ejs');

const path = require('path');

render(app, {

  root: path.join(__dirname, 'server/view'),

  layout: 'template',

  viewExt: 'html',

  cache: false,

  debug: true

});

app.use(async function (ctx, next){

  const html = renderToString(

    <Button>hello</Button>

  );

  await ctx.render('demo', {'html': html});

});

app.keys = ['i love yuewen'];

app.listen(3000);

报错如下：