Babylon.js/Viewer/webpack.config.js

const path = require('path');
const webpack = require('webpack');

module.exports = /*[
    {
    entry: {
        'assets': './src/assets/index.ts'
    },
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: '[name].js',
        devtoolModuleFilenameTemplate: '[relative-resource-path]'
    },
    plugins: [
        new webpack.WatchIgnorePlugin([
            /\.d\.ts$/
        ])
    ],
    resolve: {
        extensions: ['.ts', '.js']
    },
    module: {
        loaders: [{
            test: /\.tsx?$/,
            loader: 'ts-loader',
            exclude: /node_modules/
        },
        {
            test: /\.(html)$/,
            use: {
                loader: 'html-loader',
                options: {
                    minimize: true
                }
            }
        },
        {
            test: /\.(jpe?g|png|ttf|eot|svg?)(\?[a-z0-9=&.]+)?$/,
            use: 'base64-image-loader?limit=1000&name=[name].[ext]'
        },
        {
            test: /\.(woff|ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
            loader: 'base64-font-loader'
        }]
    }
},*/
    {
        entry: {
            'viewer': './src/index.ts',
        },
        output: {
            path: path.resolve(__dirname, 'dist'),
            filename: '[name].js',
            libraryTarget: 'umd',
            library: 'BabylonViewer',
            umdNamedDefine: true,
            devtoolModuleFilenameTemplate: '[absolute-resource-path]'
        },
        resolve: {
            extensions: ['.ts', '.js'],
            alias: {
                "babylonjs": __dirname + '/../dist/preview release/babylon.max.js',
                "babylonjs-materials": __dirname + '/../dist/preview release/materialsLibrary/babylonjs.materials.js',
                "babylonjs-loaders": __dirname + '/../dist/preview release/loaders/babylonjs.loaders.js',
                "babylonjs-viewer-assets": __dirname + '/src/assets/index.ts'
            }
        },
        externals: {
            // until physics will be integrated in the viewer, ignore cannon
            cannon: 'CANNON',
            oimo: 'OIMO',
            earcut: true
        },
        mode: "development",
        devtool: 'source-map',
        plugins: [
            new webpack.WatchIgnorePlugin([
                /\.d\.ts$/
            ])
        ],
        module: {
            rules: [{
                test: /\.tsx?$/,
                loader: 'ts-loader',
                exclude: /node_modules/
            },
            {
                test: /\.(html)$/,
                use: {
                    loader: 'html-loader',
                    options: {
                        minimize: true
                    }
                }
            },
            {
                test: /\.(jpe?g|png|ttf|eot|svg?)(\?[a-z0-9=&.]+)?$/,
                use: 'base64-image-loader?limit=1000&name=[name].[ext]'
            },
            {
                test: /\.(woff|ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                loader: 'base64-inline-loader?limit=1000&name=[name].[ext]'
            }]
        },
        devServer: {
            contentBase: path.join(__dirname, "dist"),
            compress: false,
            //open: true,
            port: 9000
        }
    }
//]