通过webpack和渲染编译之前,将一个参数从Express路由器传递给React

我的项目在webpack.config.jsconfiguration如下:

 module.exports={ context: __dirname+'/src', entry:'./main.js', output:{ path:__dirname+'/static', filename:'bundle.js' }, module:{ loaders:[ { test:/\.png$/, loader:'url?limit=10000' }, { test:/\.jpg$/, loader:'url?limit=10000' }, { test:/\.css$/, loader:'style!css' }, { test: /\.jsx?$/, exclude: /(node_modules)/, loader: 'babel', query: { presets: ['react', 'es2015'] } } ] } } 

在Express的服务器中,我写了一个这样的路由器:

 app.get('/',function(req,res){ res.render('index'); }); 

这是从我的main.js呈现给客户端的逻辑:

 var React=require('react'); var ReactDOM=require('react-dom'); var Content=require('./index').Content; var style=require('../public/css/style.css'); var google=require('../public/images/btn_sign_in_google.png'); var Main=React.createClass({ render:function(){ return ( <div> <div className="page-content"> <div id="header" className="homepage"> <h3 className="main-logo">Corate</h3> <a href="/auth/google" className="google-login-logo"><img src={google}/></a> </div> </div> <div className="container"> <Content className="homepage-content"> </Content> </div> </div> ); } }); ReactDOM.render(<Main style={style}/>,document.getElementById('app')); 

这是index文件,它将由Express路由器发送,以响应客户端的请求,写在Jade模板引擎中:

 doctype html html head meta(charget='utf-8') title Corate script(type='text/javascript', src='https://code.jquery.com/jquery-2.2.0.min.js') script(type='text/javascript', src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js') link(rel='stylesheet', type='text/css', href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css') link(rel='stylesheet', type='text/css', href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css') body #app script(type='text/javascript', src='bundle.js') 

我捆绑了webpack。 现在我想把Express的路由器/中间件的一些parameter passing给我的main.js文件,以便在发送信息(比如数据库,会话…)之前进行逻辑处理,然后绑定到webpack并根据那些通过参数。 它不像从路由器到模板的parameter passing,这是从路由器传递到捆绑和呈现该模板的逻辑。 我一整天都被困住了。 请帮帮我