webpack.config.js

const path = require('path');
const dev = process.env.NODE_ENV !== 'production';

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

const config = {
    target: 'web',
    mode: dev? 'development' : 'production',
    entry: {
        app: './resources/js/index.js',
        styles: './resources/sass/styles.scss',
        "export-styles": './resources/sass/export-styles.scss',
        "print-styles": './resources/sass/print-styles.scss',
    },
    output: {
        filename: '[name].js',
        path: path.resolve(__dirname, 'public/dist')
    },
    module: {
        rules: [
            {
                test: /\.scss$/,
                use: [
                    {
                        loader: MiniCssExtractPlugin.loader,
                        options: {}
                    },
                    {
                        loader: "css-loader", options: {
                        sourceMap: dev
                    }
                    }, {
                        loader: "sass-loader", options: {
                            sourceMap: dev
                        }
                    }
                ]
            }
        ]
    },
    plugins: [
        new MiniCssExtractPlugin({
            filename: "[name].css",
        }),
    ]
};

if (dev) {
    config['devtool'] = 'inline-source-map';
}

module.exports = config;