angular.webpack.js

/**
 * Custom angular webpack configuration
 */

module.exports = (config, options) => {
    config.target = 'electron-renderer';
    config.module.rules.push({
        test: /\.scss$/,
        loader: 'postcss-loader',
        options: {
            postcssOptions: {
                ident: 'postcss',
                syntax: 'postcss-scss',
                plugins: [
                    require('postcss-import'),
                    require('tailwindcss'),
                    require('autoprefixer'),
                ],
            },
        },
    });
    config.module.rules.push({
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        use: {
            loader: 'url-loader',
            query: {
                limit: 10000,
                name: 'fonts/[name]--[folder].[ext]'
            }
        }
    });

    if (options.fileReplacements) {
        for (let fileReplacement of options.fileReplacements) {
            if (fileReplacement.replace !== 'src/environments/environment.ts') {
                continue;
            }

            let fileReplacementParts = fileReplacement['with'].split('.');
            if (fileReplacementParts.length > 1 && ['web'].indexOf(fileReplacementParts[1]) >= 0) {
                config.target = 'web';
            }
            break;
        }
    }

    return config;
}