express,webpack,webpack-dev-server
Easiest way is to split this into two tasks: a build step that outputs to a folder (e.g. 'server'), then watch the output folder for changes and restart server task. 1. Build task This can be in the same webpack.config as client building code - you can export an array...
node.js,reactjs,webpack,isomorphic-javascript,webpack-dev-server
I see 2 options: Compile client code with webpack as well. If client's entry point is in the same dir as server's - it should work with your present code. This looks natural to me. Use relative paths i.e. import Header from './components/header/main' ...
javascript,webpack,webpack-dev-server
You need to add <script src="http://localhost:8080/webpack-dev-server.js"></script> to your index.html It is not added when you use the API "Notice that webpack configuration is not passed to WebpackDevServer API, thus devServer option in webpack configuration is not used in this case. Also, there is no inline mode for WebpackDevServer API. <script...
backbone.js,gulp,webpack,webpack-dev-server
I found the answer to my problem finally. My index.html file that was loaded on every page used to look like this: <!DOCTYPE html> <html> <head> <link href='http://fonts.googleapis.com/css?family=Questrial|Montserrat' rel='stylesheet' type='text/css'> </head> <body> <script type="text/javascript" src="./build/bundle.js" charset="utf-8"></script> </body> </html> Because the source of the script was a relative path, the script...
docker,reactjs,webpack,webpack-dev-server
I found a workaround; I have a reverse proxy(nginx) running in a container. The proxy forwards back to my main host computer(a Mac) on a port. This gives me hot loading and most important, I have no issues with cross domain as I have my database running in yet another...
reactjs,webpack,webpack-dev-server
React Style requires you to use the styles prop instead of style. var HoverAction = React.createClass({ render: function() { return ( <div styles={HoverActionStyles.normal}> <div ></div> <div styles={HoverActionTitleStyle.normal} >{this.props.title}</div> </div> ); } }); ...