require('ignore-styles').default(undefined, (module, filename) => {
  if ((['.png', '.jpg'].some(ext => filename.endsWith(ext)) )) {
    module.exports = '/build/' + path.basename(filename);
  }
});
require('babel-register')({
    ignore: [ /(node_modules)/ ],
    presets: ["env", "stage-0", "react"],
    plugins: [
        'dynamic-import-node',
        'syntax-dynamic-import',
        'react-loadable/babel'
    ]
});

const express = require('express');
const path = require('path');
const webpack = require('webpack');
const Loadable = require('react-loadable');
const webpackDevMiddleware = require('webpack-dev-middleware');
const serverRenderer = require('./server').default;

const config = require('../configs/webpack.common.js');
const compiler = webpack(config);

const app = express();
app.use(webpackDevMiddleware(compiler, { serverSideRender: true, publicPath: '/build/', writeToDisk: true, logLevel: 'trace' }));
app.use(require("webpack-hot-middleware")(compiler, {
  log: console.log,
  path: '/__webpack_hmr',
}));
app.use(serverRenderer());

Loadable.preloadAll().then(() => {
    app.listen(3000, () => console.log('Development server is running on port 3000'));
}).catch(err => {
    console.log(err);
});