Adding webpack code splitting (#3377)

webapp/components/admin_console/admin_navbar_dropdown.jsx

@@ -10,7 +10,7 @@ import * as GlobalActions from 'actions/global_actions.jsx';
 
 import {FormattedMessage} from 'react-intl';
 
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 
 import React from 'react';
 

webapp/components/admin_console/admin_sidebar.jsx

@@ -11,7 +11,7 @@ import * as Utils from 'utils/utils.jsx';
 import AdminSidebarHeader from './admin_sidebar_header.jsx';
 import AdminSidebarTeam from './admin_sidebar_team.jsx';
 import {FormattedMessage} from 'react-intl';
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 import {OverlayTrigger, Tooltip} from 'react-bootstrap';
 import SelectTeamModal from './select_team_modal.jsx';
 import AdminSidebarCategory from './admin_sidebar_category.jsx';

webapp/components/admin_console/admin_sidebar_category.jsx

@@ -3,7 +3,7 @@
 
 import React from 'react';
 
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 
 export default class AdminSidebarCategory extends React.Component {
     static get propTypes() {

webapp/components/admin_console/admin_sidebar_section.jsx

@@ -3,7 +3,7 @@
 
 import React from 'react';
 
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 
 export default class AdminSidebarSection extends React.Component {
     static get propTypes() {

webapp/components/admin_console/user_item.jsx

@@ -10,7 +10,7 @@ import TeamStore from 'stores/team_store.jsx';
 import {FormattedMessage, FormattedHTMLMessage} from 'react-intl';
 
 import React from 'react';
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 
 export default class UserItem extends React.Component {
     constructor(props) {

webapp/components/backstage/add_command.jsx

@@ -9,7 +9,7 @@ import * as Utils from 'utils/utils.jsx';
 import BackstageHeader from './backstage_header.jsx';
 import {FormattedMessage} from 'react-intl';
 import FormError from 'components/form_error.jsx';
-import {browserHistory, Link} from 'react-router';
+import {browserHistory, Link} from 'react-router/es6';
 import SpinnerButton from 'components/spinner_button.jsx';
 import Constants from 'utils/constants.jsx';
 

webapp/components/backstage/add_incoming_webhook.jsx

@@ -10,7 +10,7 @@ import BackstageHeader from './backstage_header.jsx';
 import ChannelSelect from 'components/channel_select.jsx';
 import {FormattedMessage} from 'react-intl';
 import FormError from 'components/form_error.jsx';
-import {browserHistory, Link} from 'react-router';
+import {browserHistory, Link} from 'react-router/es6';
 import SpinnerButton from 'components/spinner_button.jsx';
 
 export default class AddIncomingWebhook extends React.Component {

webapp/components/backstage/add_outgoing_webhook.jsx

@@ -10,7 +10,7 @@ import BackstageHeader from './backstage_header.jsx';
 import ChannelSelect from 'components/channel_select.jsx';
 import {FormattedMessage} from 'react-intl';
 import FormError from 'components/form_error.jsx';
-import {browserHistory, Link} from 'react-router';
+import {browserHistory, Link} from 'react-router/es6';
 import SpinnerButton from 'components/spinner_button.jsx';
 
 export default class AddOutgoingWebhook extends React.Component {

webapp/components/backstage/backstage_category.jsx

@@ -3,7 +3,7 @@
 
 import React from 'react';
 
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 
 export default class BackstageCategory extends React.Component {
     static get propTypes() {

webapp/components/backstage/backstage_navbar.jsx

@@ -8,7 +8,7 @@ import React from 'react';
 import TeamStore from 'stores/team_store.jsx';
 
 import {FormattedMessage} from 'react-intl';
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 
 export default class BackstageNavbar extends React.Component {
     constructor(props) {

webapp/components/backstage/backstage_section.jsx

@@ -3,7 +3,7 @@
 
 import React from 'react';
 
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 
 export default class BackstageSection extends React.Component {
     static get propTypes() {

webapp/components/backstage/installed_integrations.jsx

@@ -5,7 +5,7 @@ import React from 'react';
 
 import * as Utils from 'utils/utils.jsx';
 
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 import LoadingScreen from 'components/loading_screen.jsx';
 
 export default class InstalledIntegrations extends React.Component {

webapp/components/backstage/integration_option.jsx

@@ -3,7 +3,7 @@
 
 import React from 'react';
 
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 
 export default class IntegrationOption extends React.Component {
     static get propTypes() {

webapp/components/channel_header.jsx

@@ -31,7 +31,7 @@ import Client from 'utils/web_client.jsx';
 import Constants from 'utils/constants.jsx';
 
 import {FormattedMessage} from 'react-intl';
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 
 const ActionTypes = Constants.ActionTypes;
 

webapp/components/claim/claim_controller.jsx

@@ -3,7 +3,7 @@
 
 import React from 'react';
 import {FormattedMessage} from 'react-intl';
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 
 import logoImage from 'images/logo.png';
 

webapp/components/claim/components/oauth_to_email.jsx

@@ -7,7 +7,7 @@ import Client from 'utils/web_client.jsx';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import {FormattedMessage} from 'react-intl';
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 
 export default class OAuthToEmail extends React.Component {
     constructor(props) {

webapp/components/create_post.jsx

@@ -24,7 +24,7 @@ import PreferenceStore from 'stores/preference_store.jsx';
 import Constants from 'utils/constants.jsx';
 
 import {intlShape, injectIntl, defineMessages, FormattedHTMLMessage} from 'react-intl';
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 
 const Preferences = Constants.Preferences;
 const TutorialSteps = Constants.TutorialSteps;

webapp/components/create_team/components/display_name.jsx

@@ -10,7 +10,7 @@ import logoImage from 'images/logo.png';
 
 import React from 'react';
 import ReactDOM from 'react-dom';
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 import {FormattedMessage} from 'react-intl';
 
 export default class TeamSignupDisplayNamePage extends React.Component {

webapp/components/create_team/create_team_controller.jsx

@@ -4,7 +4,7 @@
 import ErrorBar from 'components/error_bar.jsx';
 
 import {FormattedMessage} from 'react-intl';
-import {browserHistory, Link} from 'react-router';
+import {browserHistory, Link} from 'react-router/es6';
 
 import React from 'react';
 

webapp/components/delete_channel_modal.jsx

@@ -9,7 +9,7 @@ import Constants from 'utils/constants.jsx';
 
 import {FormattedMessage} from 'react-intl';
 
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 
 import React from 'react';
 

webapp/components/do_verify_email.jsx

@@ -5,7 +5,7 @@ import {FormattedMessage} from 'react-intl';
 import Client from 'utils/web_client.jsx';
 import LoadingScreen from './loading_screen.jsx';
 
-import {browserHistory, Link} from 'react-router';
+import {browserHistory, Link} from 'react-router/es6';
 
 import React from 'react';
 

webapp/components/error_page.jsx

@@ -4,7 +4,7 @@
 import $ from 'jquery';
 
 import React from 'react';
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 
 import * as Utils from 'utils/utils.jsx';
 

webapp/components/file_info_preview.jsx

@@ -5,7 +5,7 @@ import * as Utils from 'utils/utils.jsx';
 
 import {defineMessages} from 'react-intl';
 import React from 'react';
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 
 const holders = defineMessages({
     type: {

webapp/components/logged_in.jsx

@@ -11,7 +11,7 @@ import * as Utils from 'utils/utils.jsx';
 import * as Websockets from 'actions/websocket_actions.jsx';
 import Constants from 'utils/constants.jsx';
 
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 
 const CLIENT_STATUS_INTERVAL = 30000;
 const BACKSPACE_CHAR = 8;

webapp/components/login/login_controller.jsx

@@ -16,7 +16,7 @@ import * as Utils from 'utils/utils.jsx';
 import Constants from 'utils/constants.jsx';
 
 import {FormattedMessage} from 'react-intl';
-import {browserHistory, Link} from 'react-router';
+import {browserHistory, Link} from 'react-router/es6';
 
 import React from 'react';
 import logoImage from 'images/logo.png';

webapp/components/more_channels.jsx

@@ -12,7 +12,7 @@ import * as AsyncClient from 'utils/async_client.jsx';
 import * as GlobalActions from 'actions/global_actions.jsx';
 
 import {FormattedMessage} from 'react-intl';
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 
 import React from 'react';
 import ReactDOM from 'react-dom';

webapp/components/more_direct_channels.jsx

@@ -9,7 +9,7 @@ import * as Utils from 'utils/utils.jsx';
 import * as GlobalActions from 'actions/global_actions.jsx';
 
 import {FormattedMessage} from 'react-intl';
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 import SpinnerButton from 'components/spinner_button.jsx';
 import LoadingScreen from 'components/loading_screen.jsx';
 

webapp/components/navbar.jsx

@@ -33,7 +33,7 @@ import {FormattedMessage} from 'react-intl';
 
 import {Popover, OverlayTrigger} from 'react-bootstrap';
 
-import {Link, browserHistory} from 'react-router';
+import {Link, browserHistory} from 'react-router/es6';
 
 import React from 'react';
 

webapp/components/navbar_dropdown.jsx

@@ -16,7 +16,7 @@ import UserSettingsModal from './user_settings/user_settings_modal.jsx';
 import Constants from 'utils/constants.jsx';
 
 import {FormattedMessage} from 'react-intl';
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 
 import React from 'react';
 

webapp/components/needs_team.jsx

@@ -5,7 +5,7 @@ import React from 'react';
 
 import $ from 'jquery';
 
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 import * as Utils from 'utils/utils.jsx';
 import * as AsyncClient from 'utils/async_client.jsx';
 import TeamStore from 'stores/team_store.jsx';

webapp/components/new_channel_flow.jsx

@@ -9,7 +9,7 @@ import NewChannelModal from './new_channel_modal.jsx';
 import ChangeURLModal from './change_url_modal.jsx';
 
 import {intlShape, injectIntl, defineMessages} from 'react-intl';
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 
 import AppDispatcher from '../dispatcher/app_dispatcher.jsx';
 import Constants from 'utils/constants.jsx';

webapp/components/password_reset_form.jsx

@@ -7,7 +7,7 @@ import * as Utils from 'utils/utils.jsx';
 import Constants from 'utils/constants.jsx';
 
 import {FormattedMessage} from 'react-intl';
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 
 import React from 'react';
 

webapp/components/password_reset_send_link.jsx

@@ -9,7 +9,7 @@ import client from 'utils/web_client.jsx';
 import {FormattedMessage, FormattedHTMLMessage} from 'react-intl';
 
 import React from 'react';
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 
 class PasswordResetSendLink extends React.Component {
     constructor(props) {

webapp/components/permalink_view.jsx

@@ -10,7 +10,7 @@ import PostFocusViewController from 'components/post_view/post_focus_view_contro
 import ChannelStore from 'stores/channel_store.jsx';
 import TeamStore from 'stores/team_store.jsx';
 
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 import {FormattedMessage} from 'react-intl';
 
 export default class PermalinkView extends React.Component {

webapp/components/popover_list_members.jsx

@@ -10,7 +10,7 @@ import Constants from 'utils/constants.jsx';
 import Client from 'utils/web_client.jsx';
 
 import {FormattedMessage} from 'react-intl';
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 
 import React from 'react';
 

webapp/components/removed_from_channel_modal.jsx

@@ -9,7 +9,7 @@ import BrowserStore from 'stores/browser_store.jsx';
 
 import * as Utils from 'utils/utils.jsx';
 import {FormattedMessage} from 'react-intl';
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 
 import React from 'react';
 

webapp/components/root.jsx

@@ -14,7 +14,7 @@ import React from 'react';
 
 import FastClick from 'fastclick';
 
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 import UserStore from 'stores/user_store.jsx';
 
 export default class Root extends React.Component {

webapp/components/search_results_item.jsx

@@ -16,7 +16,7 @@ const ActionTypes = Constants.ActionTypes;
 
 import {FormattedMessage, FormattedDate} from 'react-intl';
 import React from 'react';
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 
 export default class SearchResultsItem extends React.Component {
     constructor(props) {

webapp/components/select_team/select_team.jsx

@@ -9,7 +9,7 @@ import LoadingScreen from 'components/loading_screen.jsx';
 import * as AsyncClient from 'utils/async_client.jsx';
 import * as GlobalActions from 'actions/global_actions.jsx';
 
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 
 import {FormattedMessage} from 'react-intl';
 

webapp/components/should_verify_email.jsx

@@ -5,7 +5,7 @@ import {FormattedMessage} from 'react-intl';
 import Client from 'utils/web_client.jsx';
 
 import React from 'react';
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 
 export default class ShouldVerifyEmail extends React.Component {
     constructor(props) {

webapp/components/sidebar.jsx

@@ -30,7 +30,7 @@ import {Tooltip, OverlayTrigger} from 'react-bootstrap';
 import loadingGif from 'images/load.gif';
 
 import React from 'react';
-import {browserHistory, Link} from 'react-router';
+import {browserHistory, Link} from 'react-router/es6';
 
 import favicon from 'images/favicon/favicon-16x16.png';
 import redFavicon from 'images/favicon/redfavicon-16x16.png';

webapp/components/sidebar_right_menu.jsx

@@ -20,7 +20,7 @@ const Preferences = Constants.Preferences;
 const TutorialSteps = Constants.TutorialSteps;
 
 import {FormattedMessage} from 'react-intl';
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 import {createMenuTip} from 'components/tutorial/tutorial_tip.jsx';
 
 import React from 'react';

webapp/components/signup_team_complete/components/signup_team_complete.jsx

@@ -6,7 +6,7 @@ import BrowserStore from 'stores/browser_store.jsx';
 import {FormattedMessage} from 'react-intl';
 
 import React from 'react';
-import {Link, browserHistory} from 'react-router';
+import {Link, browserHistory} from 'react-router/es6';
 
 export default class SignupTeamComplete extends React.Component {
     constructor(props) {

webapp/components/signup_user_complete.jsx

@@ -17,7 +17,7 @@ import Constants from 'utils/constants.jsx';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import {FormattedMessage, FormattedHTMLMessage} from 'react-intl';
-import {browserHistory, Link} from 'react-router';
+import {browserHistory, Link} from 'react-router/es6';
 
 import logoImage from 'images/logo.png';
 

webapp/components/team_export_tab.jsx

@@ -6,7 +6,7 @@ import Client from 'utils/web_client.jsx';
 import {FormattedMessage} from 'react-intl';
 
 import React from 'react';
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 
 export default class TeamExportTab extends React.Component {
     constructor(props) {

webapp/components/team_members_dropdown.jsx

@@ -12,7 +12,7 @@ import TeamStore from 'stores/team_store.jsx';
 import {FormattedMessage} from 'react-intl';
 
 import React from 'react';
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 
 export default class TeamMembersDropdown extends React.Component {
     constructor(props) {

webapp/components/tutorial/tutorial_intro_screens.jsx

@@ -10,7 +10,7 @@ import * as GlobalActions from 'actions/global_actions.jsx';
 import Constants from 'utils/constants.jsx';
 
 import {FormattedMessage, FormattedHTMLMessage} from 'react-intl';
-import {browserHistory} from 'react-router';
+import {browserHistory} from 'react-router/es6';
 
 const Preferences = Constants.Preferences;
 

webapp/components/user_settings/user_settings_security.jsx

@@ -17,7 +17,7 @@ import * as Utils from 'utils/utils.jsx';
 import Constants from 'utils/constants.jsx';
 
 import {intlShape, injectIntl, defineMessages, FormattedMessage, FormattedHTMLMessage, FormattedTime, FormattedDate} from 'react-intl';
-import {Link} from 'react-router';
+import {Link} from 'react-router/es6';
 
 const holders = defineMessages({
     currentPasswordError: {