为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

当年话下 2018-11-13 13:13:36
背景:用react.js + node 实现react组件服务端渲染。由于当前 node 还不支持 import,我用nodemon --harmony server.js --exec babel-node命令执行,其中server.js是后端入口文件,这样是可以支持 import 了,但是当我使用 antd 的 Button 组件时却报不支持 @import, 因为 antd 的 button 组件导入了 default.less,怎样才能解决这个问题呢?server.jsimport 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);报错如下:
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 794 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信