webpack.config.js

'use strict';

const path = require('path');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

const postcssLoader = {
    loader: 'postcss-loader',
    options: {
        plugins: () => [
            require('cssnano'),
            require('autoprefixer')
        ]
    }
};

module.exports = {
    context: path.join(__dirname, 'views', 'pages'),

    entry: {
        main: './main/pack.js',
        quest: './quest/pack.js',
        createQuest: './createQuest/pack.js',
        authorization: './authorization/pack.js',
        error: './error/pack.js',
        profile: './profile/pack.js'
    },

    output: {
        path: path.join(__dirname, 'public'),
        filename: '[name].bundle.js'
    },

    module: {
        rules: [
            {
                test: /\.jsx?$/,
                use: ['babel-loader'],
                exclude: /node_modules/
            },
            {
                test: /\.styl$/,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: ['css-loader', postcssLoader, 'stylus-loader']
                })
            },
            {
                test: /\.(png|json)$/,
                use: ['file-loader?name=[name].[ext]']
            }
        ]
    },

    plugins: [
        new ExtractTextPlugin({
            filename: '[name].bundle.css'
        })
    ]
};