express框架怎么用react框架作为前端框架？

Question

想要不使用模板视图或者用react component 作为视图返回如何操作？

Answer 1

不要设置视图引擎

app.set('views','./views')
app.set('view engine','jade');
//Don't do this

然后你需要引入静态资源
如果你使用webpack，需要把dist里面打包好的文件作为静态资源引入
否则需要把所有的components目录作为静态资源引入
你的React就是简单的静态资源

app.use(express.static(path.join(__dirname,'src')));

最后直接在路由返回文件

app.get('/',function(req,res){
        res.sendFile(path.join(__dirname,'index.html'))
})

Answer 2

React并不影响你已有的网站框架，最核心的部分在ReactDOM.render()方法上，你只要创建React.component, 传入props参数，渲染到需要的Dom节点上即可.
举个栗子以供参考

Answer 3

不要配置视图引擎就ok了，页面全都走静态资源
app.use(express.static(path.join(__dirname, 'public')));

Answer 4

app.set('views','./views')
app.set('view engine','jade');

这个注掉好用吗？