2015-12-08 71 views
2

我有一個反應組件。 <myFooter>。這是一個簡單的頁腳。使用webpack在節點服務器上渲染響應組件

import React from 'react'; 
import './my-footer.scss'; 

export default class myFooter extends React.Component { 
    render() { 
    return (
    <footer className="col-xs-12"> 
     hello ! 
    </footer> 
    ); 
    } 
} 

我想從服務器端渲染它。在後端,我有一個快速服務器。爲此我寫了這個:

import myFooter from '../components/my-footer.jsx'; 

app.get('/footer', function(req, res) { 
    var string1 = ReactDOMServer.renderToString(myFooter); 
    res.send(string1); 
}); 

現在的問題是服務器無法讀取sass文件。對於客戶端渲染,我正在使用webpack。 Webpack構建一切並提供一個包文件。

但我不知道如果它的服務器端會發生什麼。我怎樣才能使用webpack進行編譯。如果可以,我是否需要爲節點服務器上的每個請求編譯我的應用程序?

回答

相關問題