Eu quero te mostrar o meu problema.

Meu env:

Node: 8.9.1
npm: 5.6.0
yarn: 1.3.2

package.json

  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-plugin-transform-object-rest-spread": "^6.26.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "copy-webpack-plugin": "^4.1.1",
...
    "webpack": "^3.7.1",
    "webpack-dev-server": "^2.9.2"
  },

webpack.config.js

...
    module: {
      rules: [
        {
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          use: {
            loader: 'babel-loader',
            options: {
              cacheDirectory: true,
              presets: ['react', 'env']
            }
          }
        },
...

A compilação sempre falhava como este forcus em {...}

ERRO no ./src/flux/components/BaseComponent.js Falha na compilação do módulo: SyntaxError: D: /APPs/src/flux/components/BaseComponent.js: token inesperado (36:29)

 34 |     let {search} = this.state;
  35 |     search.includeActive = !search.includeActive;
> 36 |     this.setState({category : {...this.state.category, name : name}});

     |

No entanto, ele funciona bem sem o webpack. Por favor, ajude-me a resolver este problema! Muito obrigado a todos! :)