Importing es6 module, some named exports are undefined
<p>I'm writing code in <code>notification_actions.js</code> like:</p>

<pre><code># notification_actions.js
export const NOTIFICATIONS_RECEIVED = 'NOTIFICATIONS_RECEIVED';
export const notificationsReceived = (notifications, unreadCount) =&gt; ({
  type: NOTIFICATIONS_RECEIVED,
  notifications,
  unreadCount,
});
</code></pre>

<p>(see the <a href="https://gist.github.com/jfeldstein/e2f60d9b750ea7408ce7465034cb7b49" rel="nofollow">whole file</a>)</p>

<p>Then bundling that into <code>all_actions.js</code> like: </p>

<pre><code># all_actions.js
export * from 'navigation_actions';
export * from 'filter_type_actions';
export * from 'notification_actions';
</code></pre>

<p>And finally using it in <code>notifications_model.js</code> as:</p>

<pre><code>import {
  notificationsReceived,
} from './all_actions.js';

...

const handleData = (dispatch) =&gt; ({ notifications, unreadCount }) =&gt; {
  dispatch(notificationsReceived(notifications, unreadCount));
};
</code></pre>

<p>But I get <code>TypeError: notificationsReceived is undefined</code>!</p>

<p>Unsure how to debug this further. </p>

<p>My webpack.config.js: <a href="https://gist.github.com/jfeldstein/e2f60d9b750ea7408ce7465034cb7b49#file-webpack-config-js" rel="nofollow">here</a></p>

<p>My <code>package.json</code> deps:</p>

<pre><code>"autobind-decorator": "^1.3.3",
"autoprefixer": "^6.3.6",
"babel-cli": "^6.10.1",
"babel-core": "^6.9.0",
"babel-loader": "^6.2.4",
"babel-plugin-export-default-module-exports": "^0.0.4",
"babel-plugin-lodash": "^3.2.0",
"babel-plugin-transform-decorators-legacy": "^1.3.4",
"babel-plugin-transform-es2015-modules-commonjs-simple": "^6.7.4",
"babel-polyfill": "^6.9.0",
"babel-preset-es2015": "^6.9.0",
"babel-preset-react": "^6.5.0",
"babel-preset-stage-0": "^6.5.0",
"classnames": "^2.2.5",
"colorguard": "^1.2.0",
"composer": "^0.3.0",
"css-loader": "^0.23.1",
"eslint": "^2.11.1",
"eslint-config-airbnb": "^9.0.1",
"eslint-import-resolver-webpack": "^0.3.0",
"eslint-loader": "^1.3.0",
"eslint-plugin-import": "^1.8.1",
"eslint-plugin-jsx-a11y": "^1.3.0",
"eslint-plugin-react": "^5.1.1",
"formsy-react": "^0.18.0",
"glob": "^7.0.3",
"image-webpack-loader": "^1.8.0",
"lodash": "^4.13.1",
"lodash-webpack-plugin": "^0.9.1",
"moment": "^2.13.0",
"node-sass": "^3.7.0",
"postcss": "^5.0.21",
"postcss-filter-stream": "0.0.6",
"postcss-loader": "^0.9.1",
"radium": "^0.17.1",
"react": "^15.1.0",
"react-bootstrap-sweetalert": "^1.1.11",
"react-click-outside": "^2.1.0",
"react-datepicker": "^0.27.0",
"react-dom": "^15.1.0",
"react-mixin": "^2.0.2",
"react-multidecorator": "^0.1.0",
"react-onclick-outside": "^0.1.0",
"react-redux": "^4.4.5",
"react-select": "^1.0.0-beta13",
"react-toggle-display": "^2.0.2",
"redux": "^3.5.2",
"redux-logger": "^2.6.1",
"redux-thunk": "^2.1.0",
"resolve-url-loader": "^1.4.3",
"sass-loader": "^3.2.0",
"style-loader": "^0.13.1",
"stylelint": "^6.5.1",
"underscore": "^1.8.3",
"url-loader": "^0.5.7",
"webpack": "^1.13.1",
"webpack-plugin-manifest": "^1.0.1"
</code></pre>