webpack.config.js

const path = require('path');
const webpack = require('webpack');
const CleanWebpackPlugin = require('clean-webpack-plugin');

const OUTPUT_FILE_NAME = 'uncharted.cards';

const isProduction = (process.env.NODE_ENV === 'production'); // eslint-disable-line
const isServing = (process.env.WEBPACK_ENV === 'serve'); // eslint-disable-line
const outputFileName = isProduction ? `${OUTPUT_FILE_NAME}.min` : OUTPUT_FILE_NAME;

const HANDLEBAR_RUNTIME_PATH = isProduction ? 'handlebars/dist/handlebars.runtime.min' : 'handlebars/runtime';

/** Base config */
const config = {
    entry: ['./src/main.scss', './src/index.js'],
    output: {
        filename: `${outputFileName}.js`,
        path: path.resolve(__dirname, 'dist'),
        library: ['Uncharted', 'Cards'],
        libraryTarget: 'umd',
    },
    resolve: {
        alias: {
            handlebars: HANDLEBAR_RUNTIME_PATH,
        },
    },
    module: {
        rules: [
            {
                enforce: 'pre',
                test: /\.js$/,
                exclude: /node_modules/,
                loader: 'eslint-loader',
            },
            {
                test: /\.js$/,
                loader: 'babel-loader',
                options: {
                    presets: [
                        ['latest', { es2015: { modules: false } }],
                    ],
                },
                exclude: /node_modules/,
            },
            {
                test: /\.scss$|\.css$/,
                use: [
                    {
                        loader: "style-loader", // creates style nodes from JS strings
                    },
                    {
                        loader: "css-loader", // translates CSS into CommonJS
                    },
                    {
                        loader: "sass-loader", // compiles Sass to CSS
                    },
                ],
            },
            {
                test: /\.handlebars$/,
                loader: 'handlebars-loader',

                query: {
                    helperDirs: [
                        path.resolve(__dirname, 'src/handlebarHelper'),
                    ],
                    runtime: HANDLEBAR_RUNTIME_PATH,
                },
            },
        ],
    },

    externals: {
        jquery: 'jQuery',
    },

    plugins: [
        new webpack.optimize.ModuleConcatenationPlugin(),
    ],
    devServer: {
        disableHostCheck: true,
    },
};

if (!isServing) {
    config.plugins.push(...[
        new CleanWebpackPlugin(['dist']),
    ]);
}
// Environment specific configs
if (isProduction) {
    config.devtool = 'source-map';
    config.plugins.push(...[
        new webpack.DefinePlugin({
            'process.env': {
                'NODE_ENV': JSON.stringify('production'),
            },
        }),
    ]);
    config.mode = 'production';
} else {
    config.devtool = 'inline-source-map';
    config.plugins.push(...[
        new webpack.DefinePlugin({
            'process.env': {
                'NODE_ENV': JSON.stringify('dev'),
            },
        }),
    ]);
    config.mode = 'development';
}

module.exports = config;