{"action":"opened","issue":{"url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/56","labels_url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/56/labels{/name}","comments_url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/56/comments","events_url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/56/events","html_url":"https://github.com/react-toolbox/react-toolbox/issues/56","id":115166173,"number":56,"title":"How to setup minimal app using react-toolbox","user":{"login":"mauron85","id":359450,"avatar_url":"https://avatars.githubusercontent.com/u/359450?v=3","gravatar_id":"","url":"https://api.github.com/users/mauron85","html_url":"https://github.com/mauron85","followers_url":"https://api.github.com/users/mauron85/followers","following_url":"https://api.github.com/users/mauron85/following{/other_user}","gists_url":"https://api.github.com/users/mauron85/gists{/gist_id}","starred_url":"https://api.github.com/users/mauron85/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mauron85/subscriptions","organizations_url":"https://api.github.com/users/mauron85/orgs","repos_url":"https://api.github.com/users/mauron85/repos","events_url":"https://api.github.com/users/mauron85/events{/privacy}","received_events_url":"https://api.github.com/users/mauron85/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-11-04T22:42:20Z","updated_at":"2015-11-04T22:42:20Z","closed_at":null,"body":"Hi, I'm struggling with preparing env (webpack, ...) to make react-toolbox work with minimal app.\r\n\r\nI've clone React Hot Webpack Boilerplate repo and added ```resolve``` into webpack.config.js\r\n```\r\nvar path = require('path');\r\nvar webpack = require('webpack');\r\n\r\nmodule.exports = {\r\n  devtool: 'eval',\r\n  entry: [\r\n    'webpack-dev-server/client?http://localhost:3000',\r\n    'webpack/hot/only-dev-server',\r\n    './src/index'\r\n  ],\r\n  output: {\r\n    path: path.join(__dirname, 'dist'),\r\n    filename: 'bundle.js',\r\n    publicPath: '/static/'\r\n  },\r\n  plugins: [\r\n    new webpack.HotModuleReplacementPlugin()\r\n  ],\r\n  resolve: {\r\n    extensions: ['', '.jsx', '.scss', '.js', '.json', '.md'],\r\n    alias: {\r\n      'react-toolbox': path.resolve(__dirname, './node_modules/react-toolbox/components')\r\n    },\r\n    modulesDirectories: [\r\n      'node_modules',\r\n      path.resolve(__dirname, './node_modules'),\r\n      path.resolve(__dirname, './../node_modules'),\r\n      path.resolve(__dirname, './../components')\r\n    ]\r\n  },\r\n  module: {\r\n    loaders: [{\r\n      test: /(\\.js|\\.jsx)$/,\r\n      loaders: ['babel'],\r\n      include: path.join(__dirname, 'src')\r\n    }]\r\n  }\r\n};\r\n``` \r\n\r\nMy App.js\r\n\r\n```\r\nimport React, { Component } from 'react';\r\nimport Button from 'react-toolbox/button';\r\n\r\nexport default class App extends Component {\r\n  render() {\r\n    return (\r\n      <h1>Hello, world.</h1>\r\n      <Button label=\"Hello world\" kind=\"raised\" accent />\r\n    );\r\n  }\r\n}\r\n```\r\nBut webpack dev server is reporting error:\r\n\r\n```\r\nRROR in ./~/react-toolbox/components/button/index.jsx\r\nModule parse failed: /Users/finch/dev/mapilary/mapilary-widget-ng/node_modules/react-toolbox/components/button/index.jsx Line 1: Unexpected token\r\nYou may need an appropriate loader to handle this file type.\r\n| import React from 'react';\r\n| import FontIcon from '../font_icon';\r\n| import Ripple from '../ripple';\r\n @ ./src/App.js 13:14-45\r\nwebpack: bundle is now VALID.\r\n```\r\n\r\nWhat I'm missing here?"}}