webpack.config.js

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


const DEMO_SRC_DIR = path.resolve(__dirname, 'src/demos/');
const DEMO_DEST_DIR = path.resolve(__dirname, 'dist/demos/');


const demoFiles = fs.readdirSync(DEMO_SRC_DIR).map(function(filename) {
    return {
        template: path.resolve(DEMO_SRC_DIR, filename),
        filename: path.resolve(DEMO_DEST_DIR, filename),
        inject: 'head',
    };
});

module.exports = {
    entry: './src/index.js',
    mode: 'production',
    // mode: 'development',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'stixview.bundle.js',
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                use: [
                    'style-loader',
                    'css-loader',
                ],
            },
            {
                test: /\.svg$/,
                loader: 'svg-inline-loader',
            },
        ],
    },
    watch: false,
    // watch: true,
    optimization: {
        minimize: true,
    },
    plugins: demoFiles.map(function(details) {
        return new HtmlWebpackPlugin(details);
    }),
};