реагировать, метеор, веб-пакет, es6. Как создать экран загрузки/заставки

Я использую сборку для реагирования, модулей es6 и метеора с веб-пакетом. Этим специалистам требуется некоторое время, чтобы загрузить все свои материалы, прежде чем что-то появится на странице. Как мне с этим стеком показывать прелоадер/заставку пока все это загружается?

мой файл веб-пакета:

var autoprefixer = require('autoprefixer');

module.exports = {
    entry: [
        'babel-polyfill',
        './entry'
    ],
    resolve: {
        extensions: ['', '.js', '.jsx', '.json','css','scss']
    },
    devtool: 'eval',
    module: {
        loaders: [
            {
                test: /\.jsx?$/,
                loader: 'babel',
                exclude: /node_modules/,
                query: {
                    plugins:['transform-runtime'],
                    presets:['es2015','stage-0','react']
                }
            },
            {
                test: /\.scss$/,
                loader:  'style-loader!css-loader!sass-loader!postcss-loader'
            },
            {
                test: /\.(jpe?g|png|gif|svg)$/i,
                loaders: [
                    'url?limit=8192',
                    'img-loader'
                ]
            },
        ]
    },
    postcss: [ autoprefixer({ browsers: ['last 2 versions'] }) ]
};

Мой файл entry.js:

import '../store.js';
import './../lib/routes.jsx';

Мой файл route.jsx:

import React from 'react';
import {FlowRouter} from 'meteor/kadira:flow-router';
import {mount} from 'react-mounter';
import $ from 'jquery';
import store from '../store.js';
import {Provider} from 'react-redux';

import App from '../client/components/app/app.jsx';
import HomePage from '../client/components/pages/home/homePage.jsx';
import AboutPage from '../client/components/pages/about/aboutPage.jsx';
import BlogPage from '../client/components/pages/blog/blogPage.jsx';
import BlogPostPage from '../client/components/pages/blogPost/blogPostPage.jsx';

FlowRouter.route('/', {
    name:"home",
    action() {
        mount(App, {page: <Provider store={store}><HomePage /></Provider>});
    }
});
FlowRouter.route('/about', {
    name:"about",
    action() {
        mount(App, {page: <Provider store={store}><AboutPage /></Provider>});
    }
});
FlowRouter.route('/blog', {
    name:"blog",
    action() {
        mount(App, {page: <Provider store={store}><BlogPage /></Provider>});
    }
});
FlowRouter.route('/blog/:slug', {
    name:"blog post",
    action(params) {
        console.log(params);
        mount(App, {page: <Provider store={store}><BlogPostPage slug={params.slug} /></Provider>});
    }
});

// this is just a work around for a problem I am having with initial rout loading in development mode.
if (!$('.app-root').length)
    FlowRouter.go(window.location.href.replace(/^http(s)?\:\/\/[^:\/\#]*(\:[^\/\#]*)?\/?/,'/').replace(/\#.*$/,'')+'#'+Math.floor(Math.random()*100000));

let lastPage = FlowRouter.current();
store.subscribe(()=>{
    let state = store.getState();
    if (!state || state.currentURL != lastPage)
        FlowRouter.go(state.currentURL);
});