sawtaytoes/ghadyani-framework-old

A starter project for dev and production builds of Webpack, React, and Redux.

ghadyani-framework-old's Issues

Production doesn't compile ES6 server code

server code with es6 import export syntax works in dev, but gives:

(function (exports, require, module, __filename, __dirname) { import

in production

Backend.js contains Client Side Code

I am using axios for isomorphic http requests.

in backend.js I am getting the error 'XMLHttpRequest is not defined'

this only happens in axios when target is not set to node in webpack.

webpack.config.server.prod has target: 'node' correctly set.

The error in node goes away if I add target: 'node' to webpack.config.client.prod which means that code is also being ran on the server side which it should not be.

obviously i can't actually keep target: 'node' in the client config, since it makes the browser break.

Why whould client.prod be compiled into backend.js? how do I fix this?

Client Side Config

what's the right way to collect a client side config into react with this setup? e.g. if I needed to know the server port in the client side.

server/configs seems to only have webpack configs and server side configs

production build not using babelrc

ERROR in ./src/components/header/header.jsx
Module build failed: SyntaxError: Decorators are not officially supported yet in 6.x pending a proposal update.
However, if you need to use them you can install the legacy decorators transform with:
 
npm install babel-plugin-transform-decorators-legacy --save-dev
 
and add the following line to your .babelrc file:
 
{
  "plugins": ["transform-decorators-legacy"]
}
 
The repo url is: https://github.com/loganfsmyth/babel-plugin-transform-decorators-legacy.

but my babelrc has:

{
  "plugins": [
    "transform-runtime",
    "transform-class-properties",
    "react-hot-loader/babel",
    "transform-decorators-legacy"
  ],
  "presets": [
    "latest",
    "stage-0",
    "react",
  ],
}