react服务器渲染样式文件如何导入

zhanfang
  • 578

在react服务器渲染的时候,发现样式文件无法在代码中直接import

代码如下
server.js

var React = require('react');
var ReactDOM = require('react-dom/server');
var ReactRouter = require('react-router');
var reactR = require('./app/routes');
var swig = require('swig');

ReactRouter.match({
    routes: reactR.default,
    location: self.path
  }, function(err, redirectLocation, renderProps) {
    debug('redirectLocation is %s', redirectLocation);
    debug('err is %s', err);
    if (err) {
      self.status = 500;
    } else if (redirectLocation) {
      self.redirect(redirectLocation.pathname + redirectLocation.search)
    } else if (renderProps) {

      var html = ReactDOM.renderToString(React.createElement(ReactRouter.RoutingContext, renderProps));
      var page = swig.renderFile('views/index.html', {
        html: html
      });
      self.body = page;
    } else {
      self.status = 404;
    }
  });
  

app/Component/index.js

import 'antd/style/index.less';

上图只贴出了部分代码

回复
阅读 2.5k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏