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

module.exports = {
    plugins: [
        new MiniCssExtractPlugin({
            name: "[name].css",
        })
    ],
    entry: './src/index.js',
    devtool: "source-map",
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'public', 'generated'),
        publicPath: '/generated/'
    },
    module: {
        rules: [{
            test: /\.scss$/,
            use: [
                {
                    loader: MiniCssExtractPlugin.loader,
                },
                "css-loader?-url", // translates CSS into CommonJS
                "postcss-loader", // Will  run auto-prefixer for compatibility
                "sass-loader" // compiles Sass to CSS, using Node Sass by default
            ]
        }]
    }
};