webpack.common.js

const path = require('path');
const {CleanWebpackPlugin} = require('clean-webpack-plugin');

const config = {
    entry: {
        auth: './src/app/auth/AuthApp.jsx',
        dashboard: './src/app/dashboard/DashboardApp.jsx',
        error: './src/app/error/ErrorApp.jsx'
    },
    output: {
        filename: '[name].bundle.js',
        path: path.resolve(__dirname, 'static/dist'),
        publicPath: '/static/dist/',
        chunkFilename: '[name].bundle.js',
    },
    plugins: [
        new CleanWebpackPlugin({
            cleanAfterEveryBuildPatterns: ['static/dist']
        })
    ],
    resolve: {
        extensions: ['.js','.jsx','.css'],
        alias: {
            '@src': path.resolve(__dirname, 'src')
        }
    },
    module: {
        rules: [
        {
            test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
            use: [{
                loader: 'file-loader',
                options: {
                name: '[name].[ext]',
                outputPath: '../fonts/',    // where the fonts will go
                publicPath: '/src/shared/media/fonts'       // override the default path
                }
            }]
        },
        {
            test: /\.css$/,
            use: [
                'style-loader',
                'css-loader',
                'sass-loader'
            ]
        },
        {
            test: /\.scss$/,
            use: [
                "style-loader", // creates style nodes from JS strings
                "css-loader", // translates CSS into CommonJS
                "sass-loader" // compiles Sass to CSS, using Node Sass by default
            ]
        },
        {
            test: /\.jsx?/,
            loader: 'babel-loader',
            exclude: /node_modules/,
            query:{
                presets: ['@babel/react', '@babel/preset-env'],
                plugins: [
                        ['@babel/plugin-proposal-decorators', { 'legacy': true }],  
                        ['@babel/plugin-proposal-class-properties', {'loose': true}],
                        '@babel/transform-runtime'
                        ]
            }
        },
        {
            test: /\.html$/, 
            use: 'html-loader' 
        },
        {
            test: /\.md$/,
            use: [
              {
                loader: "html-loader"
              },
              {
                loader: "markdown-loader",
              }
            ]
        }
    ]}
};
module.exports = config;