在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';
上图只贴出了部分代码