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

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

在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';

上图只贴出了部分代码

【热门文章】
【热门文章】