express 中使用 react 服务端渲染配置问题

Question

示例结构

|- public
|- build
|- src
    |- views
        |- index.jsx
        |- index.css
    |- client.js
    |- server.js
|- package.json
|- .babelrc
|- webpack.config.js

目前步骤:

1. 使用babel 把src中的所有js,jsx文件编译,然后输出到build目录
2. webpack 打包; 入口为 build/client.js
3. 启动express; 入口为 build/server.js

由于babel只编译了js文件,所以build目录的对应路径没有index.css文件,导致express和webpack都不能找到该文件而报错,请问该如何解决? 或者不应该编译src中的文件到另一个目录中?

Answer 1

解决了,让express支持es6的语法就可以了,这样就不需要编译到build目录,直接把webpack和express的入口文件改到src目录下;

让express支持es6语法,在express启动文件处添加

require('babel-core/register');