medium/webpack-inline-styles/config

webpack.config.js

const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = function(env) {
    // merge together build and environment variables
    // to be made available in process.env
    const processEnv = Object.assign({}, env, require('./env.' + env.NODE_ENV));

    // define our entries
    const entries = {
        'polyfills': ['./src/polyfills.ts'],
        'app': ['./src/main.ts']
    };

    // add in the styles js file if we're doing dev
    if (~process.env.BUILD_ENV.search('dev')) {
        entries['styles'] = ['./src/styles.js'];
    }

    return {
        entry: entries
        output: {...},
        module: {...},
        devServer: {...}
        plugins: [
            // This will generate an index.html file for us and emit it into our
            // output director
            new HtmlWebpackPlugin({
                filename: 'index.html',
                template: 'src/index.ejs' //point our template to a .ejs file
            }),
            
            // we need process.env available in our template
            new webpack.DefinePlugin({
                'process.env': JSON.stringify(processEnv)
            }),
        ]
    }
};