webpack.eslint.config.js

const path = require('path');
// eslint-disable-next-line import/no-extraneous-dependencies
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
// eslint-disable-next-line import/no-extraneous-dependencies
const webpack = require('webpack');

module.exports = {
    mode: 'development',
    entry: {
        app: ['@babel/polyfill', path.resolve(__dirname, 'src/entries/app.js')]
    },
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'js/[name].js'
    },
    devServer: {
        port: 9000,
        historyApiFallback: true
    },
    devtool: 'eval-source-map',
    module: {
        rules: [
            {
                // test: que tipo de archivo quiero reconocer,
                // use: que loader se va a encargar del archivo
                test: /\.(js|jsx)$/,
                exclude: /(node_modules)/,
                use: {
                    loader: 'babel-loader'
                }
            },
            {
                test: /\.(js)$/,
                exclude: /(node_modules)/,
                use: ['babel-loader', 'eslint-loader']
            },

            {
                // test : que tipo de archivo quiero reconover
                // use: loaders se va a encargar del archivo
                test: /\.css$/,
                use: [MiniCssExtractPlugin.loader, 'css-loader'],
            },
            {
                test: /\.(jpg|png|gif|svg)$/,
                use: {
                    loader: 'url-loader',
                    options: {
                        limit: 1000000,
                        fallback: 'file-loader',
                        name: 'images/[name].[hash].[ext]',
                    }
                }
            },
            {
                test: /\.(config|config.js)$/,
                use: {
                    loader: 'file-loader',
                    options: {
                        name: '[name].[ext]',
                    }
                }
            }
        ]
    },
    plugins: [
        // aqui van los plugins
        new MiniCssExtractPlugin({
            filename: 'css/[name].css',
            chunkFilename: '[id].css'
        }),
        new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /(en|es)$/)
    ],
    optimization: {
        splitChunks: {
            name: 'common',
            chunks: 'initial'
        }
    }
}