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:

  1. compile client code webpack well. if client's entry point in same dir server's - should work present code. looks natural me.
  2. use relative paths i.e. import header './components/header/main'

Comments

Popular posts from this blog

python - TypeError: start must be a integer -

c# - DevExpress RepositoryItemComboBox BackColor property ignored -

django - Creating multiple model instances in DRF3 -