App.css

.page {
    lost-center: 980px;
}

App.jsx

import React from 'react';
import { Link } from 'react-router-dom';

import styles from './App.css';

class App extends React.Component {
    render() {
        return (
            <section className={styles.page}>
                <div>
                    <Link to='login'>Login</Link><br />
                </div>
            </section>
        );
    }
}

export default App;

postcss.config.js

module.exports = {
    plugins: [
        require('lost'),
        require('postcss-cssnext'),
        require('postcss-modules')
    ]
}

webpack.config.js

'use strict';

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

const htmlWebpackPluginConfig = new HtmlWebpackPlugin({
    template: './client/src/index.html',
    filename: 'index.html',
    inject: 'body'
});

module.exports = {
    entry: './client/src/index.js',
    output: {
        path: path.resolve('dist'),
        filename: 'index_bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                exclude: /node_modules/
            },
            {
                test: /\.jsx$/,
                loader: 'babel-loader',
                exclude: /node_modules/
            },
            {
                test: /\.css$/,
                loaders: [
                    'style-loader',
                    'css-loader?importLoaders=1',
                    'postcss-loader'
                ]
            }
        ]
    },

    plugins: [
        htmlWebpackPluginConfig
    ],

    devServer: {
        historyApiFallback: true,
    }
};