Не работает часть функционала babel-preset-env

349
20 марта 2017, 09:59

Есть клас:

import React, { Component, PropTypes } from 'react'
import { connect } from 'react-redux'
import { actionCreators as userActions } from '../reducers/user'
class App extends Component {
  setName = () => {
    this.props.setName('Test')
  };
  render() {
    return (
      <div onClick={this.setName}>
        <h1>Wolcome to React</h1>
        <p>
          Test <b>HRM</b>. {this.props.user.name}
        </p>
      </div>
    )
  }
}
function mapStateToProps({ user }) {
  return { user }
}
export default connect(mapStateToProps, userActions)(App)

Webpack конфиг:

import webpack from 'webpack'
import path from 'path'
import { WDS_PORT, ENV, ENV_DATA } from './config'
const ENV_VARIBLES = JSON.stringify(ENV_DATA[ENV.dev]);
export default {
  context: path.resolve(__dirname, 'src'),
  entry: {
    app: [
        'react-hot-loader/patch',
        `webpack-dev-server/client?http://localhost:${WDS_PORT}`,
        'webpack/hot/only-dev-server',
      './index.js'
    ]
  },
  output: {
    path: path.resolve(__dirname, 'bin/dist'),
    publicPath: `http://localhost:${WDS_PORT}/dist`,
    filename: '[name].bundle.js'
  },
  devtool: 'source-map',
  resolve: {
    extensions: ['.js', '.jsx'],
  },
  devServer: {
    port: WDS_PORT,
    contentBase: path.resolve(__dirname, 'bin'),
    historyApiFallback: true,
    inline: false,
    hot: true
  },
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use:[
          { loader: 'babel-loader' },
          { loader: 'eslint-loader' }
        ]
      }

  ]
  },
  plugins: [
    new webpack.DefinePlugin({
      'process.env.app': ENV_VARIBLES
    }),
    new webpack.NamedModulesPlugin(),
    new webpack.HotModuleReplacementPlugin()
  ]
}

.babelrc:

{
  "presets": [
    "env",
    "stage-2",
    "stage-0",
    "react",
  ],
  "plugins": ["react-hot-loader/babel"]
}

При сборке показывает ошибку парсера:

ERROR in ./src/containers/App.js
/Users/vitaliy/projects/test/react-boilerplate/src/containers/App.js
  8:11  error  Parsing error: Unexpected token =
✖ 1 problem (1 error, 0 warnings)

И если делать такую конструкцию в событии onClick={e => ::this.someAction} тоже ругается на ::, в чем может быть проблема, не правильно настроен бабель ?

READ ALSO
Перерисовать jquery ui range slider

Перерисовать jquery ui range slider

Как динамически изменить min и max в jquery ui ползунке? Мне нужно будет перерисовать элемент

314
Проблема с компилированием Typescript

Проблема с компилированием Typescript

В общем работаю в PHPstorm компилю через tsconfigjson

276