const path = require('path'); const webpack = require('webpack'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); module.exports = { entry: './src/index.ts', devtool: 'inline-source-map', devServer: { contentBase: './dist', host: '0.0.0.0', disableHostCheck: true, historyApiFallback: { rewrites: [ { from: /^_\/.*$/, to: '/index.html' } ], disableDotRule: true }, }, module: { rules: [ { test: /\.tsx?$/, use: 'ts-loader', exclude: /node_modules/, }, { test: /\.scss$/, use: [MiniCssExtractPlugin.loader, 'css-loader?url=false', 'sass-loader'], }, ], }, resolve: { extensions: [ '.tsx', '.ts', '.js' ], }, output: { filename: '[name].js', path: path.resolve(__dirname, 'dist'), publicPath: '/' }, externals:[ require('webpack-require-http') ], plugins: [ new MiniCssExtractPlugin({filename: 'style.[contenthash].css'}), new HtmlWebpackPlugin( { template: './dist/index.tmpl.html.tmp', minify: { collapseWhitespace: true, keepClosingSlash: true, removeComments: false, removeRedundantAttributes: true, removeScriptTypeAttributes: true, removeStyleLinkTypeAttributes: true, useShortDoctype: true } } ), new webpack.ProvidePlugin({ Phaser: 'phaser' }), new webpack.EnvironmentPlugin([ 'API_URL', 'UPLOADER_URL', 'ADMIN_URL', 'DEBUG_MODE', 'STUN_SERVER', 'TURN_SERVER', 'TURN_USER', 'TURN_PASSWORD', 'JITSI_URL', 'JITSI_PRIVATE_MODE', 'START_ROOM_URL' ]) ], };