title: Redux app not work
body: <p>I make Redux app as instructed in offical documentation <a href="http://redux.js.org/docs/basics/" rel="nofollow">http://redux.js.org/docs/basics/</a> but it not work. I have four files: store, reduction, action and build.</p>
  
  <p>action.js:</p>
  
  <pre><code>export const ADD_TODO = 'ADD_TODO';
  export const COMPLETE_TODO = 'COMPLETE_TODO';
  export const ADD_FILTER = 'ADD_FILTER';
  
  export const Filters = {
      SHOW_ALL: 'SHOW_ALL',
      SHOW_COMPLETED: 'SHOW_COMPLETED',
      SHOW_ACTIVE: 'SHOW_ACTIVE'
  };
  
  export function addTodo(text) {
      return {
          type: ADD_TODO,
          text
      };
  };
  
  export function completeTodo(index) {
      return {
          type: COMPLETE_TODO,
          index
      };
  };
  
  export function setFilter(filter) {
      return {
          type: ADD_FILTER,
          filter
      }
  };
  </code></pre>
  
  <p>reducers.js:</p>
  
  <pre><code>import {Filters, ADD_TODO, COMPLETE_TODO, ADD_FILTER} from './action.js';
  import {combineReducers} from 'redux';
  
  function todos(state = [], action = null) {
      switch(action.type) {
          case ADD_TODO:
              return [
                  ...state,
                  {
                      text: action.text,
                      completed: false
                  }
              ];
              break;
          case COMPLETE_TODO:
              return [
                  ...state.slice(0, action.index),
                  Object.assign({}, state.todos[action.index], {
                      completed: true
                  }),
                  ...state.slice(action.index + 1)
              ];
              break;
          default:
              return state;
          break;
      };
  };
  
  function filters(state = Filters.SHOW_ALL, action = null) {
      if(action &amp;&amp; action.type == ADD_FILTER) {
          return action.filter;
      }
      else {
          return state;
      }
  };
  
  const todoApp = combineReducers({
      filters,
      todos
  });
  
  export default todoApp;
  </code></pre>
  
  <p>store.js:</p>
  
  <pre><code>import {todoApp} from './reducers.js';
  import {createStore} from 'redux';
  import {Filters, addTodo, completeTodo, setFilter} from './action.js';
  
  let store = createStore(todoApp);
  
  console.log(store.getState());
  
  let unsubscribe = store.subscribe(function() {
      console.log(store.getState());
  });
  
  store.dispatch(addTodo('Learn action'));
  store.dispatch(addTodo('Learn reducers'));
  store.dispatch(addTodo('Learn store'));
  store.dispatch(completeTodo(0));
  store.dispatch(completeTodo(1));
  store.dispatch(setFilter(Filters.SHOW_COMPLETED));
  
  unsubscribe();
  </code></pre>
  
  <p>And I have webpack-build file. </p>
  
  <pre><code>var path = require('path');
  var webpack = require('webpack');
  var config = {
      context: path.join(__dirname), 
      entry: ['react', 'redux', './action', './reducers', './store'], 
      output: {
          path: path.join(__dirname, 'assets') 
      },
      module: {
          loaders: [
              { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"}
          ]
      }
  };
  var compiler = webpack(config);
  compiler.run(function (err, stats) {
      if(err) {
          console.log('Error:' + err);
      }
      else {
          console.log('Win');
      }
  });
  </code></pre>
  
  <p>When I open HTML page with all compiled code in console return this: <code>SyntaxError: missing ; before statement</code>. What's wrong?</p>