const webpack = require('webpack');
const { environmentVariablesWithDefaults } = require('./environment-variables.js');

module.exports = {
    outputDir: "dist/fmg",
    publicPath: "/fmg",
    css: {
        loaderOptions: {
            sass: {
                // Load Order Matters!!!
                // Note: only include functions, variables and mixins here
                prependData: `
        @import "./node_modules/bootstrap/scss/functions";
        @import "@/styles/ux-variables.scss";
        @import "./node_modules/bootstrap/scss/variables";
        @import "./node_modules/bootstrap/scss/mixins";
        @import "@/styles/mixins/customMixins";
        `,
            },
        },
    },
    configureWebpack: {
        devtool: "source-map",
        plugins: [
            new webpack.EnvironmentPlugin(environmentVariablesWithDefaults),
        ],
    },
};
