node.js - Webpack-dev-server and isomorphic react-node application -
i've managed use webpack dev server alongside node server (express), using plugin section inside webpack's config.
it works fine i'm trying go isomorphic , use client-side components inside express application.
so far problem i'm encountering without webpack 'parsing' server-side code situation require components paths not solved
i.e.
inside component
'use strict'; import react 'react'; import { routehandler, link } 'react-router'; import header 'components/header/main'; // <-- line causes error because webpack not working when parsing jsx server-side export default react.createclass({ displayname: 'app', render() { return ( // ... more code
shall configure webpack in way or have change imports valid server-side?
the codebase here in case want see actual state https://github.com/vshjxyz/es6-react-flux-node-quickstart
i see 2 options:
- compile client code webpack well. if client's entry point in same dir server's - should work present code. looks natural me.
- use relative paths i.e.
import header './components/header/main'
Comments
Post a Comment