smartthings-phone-presence-sensor/router-ui/webpack.config.js

Presence detection by reading leases on DHCP server

const webpack = require('webpack');
const HtmlWebPackPlugin = require('html-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');
const ProgressBarPlugin = require('progress-bar-webpack-plugin');
const path = require('path');

const htmlPlugin = new HtmlWebPackPlugin({
  template: './src/index.html',
  filename: './index.html',
});

// const copyConfig = new CopyWebpackPlugin([  {
//     from: './static',
//     to: '.',
// },]);

const progressBarPlugin = new ProgressBarPlugin();

const env = process.env.NODE_ENV || 'development';

console.log(`mode = ${env}`);

const json = JSON.stringify({
  buildDate: new Date().getTime(),
});
const definePluginConfig = {
  'process.env': {
    // SERVERURL:
    SERVER_URL: JSON.stringify(env === 'development' ? 'http://localhost:5000/' : '/'),
    STATIC_SERVER_URL: JSON.stringify(env === 'development' ? '/' : 'https://smartthings-sonoff.herokuapp.com/'),
    JSON_BUILD: JSON.stringify(json),
  },
};

const plugins = [
  new webpack.DefinePlugin(definePluginConfig),
  htmlPlugin,
  //    copyConfig,
  progressBarPlugin,
];

const optimization = {};
if (env === 'production') {
  optimization.minimize = true;
  optimization.mangleWasmImports = true;
  optimization.moduleIds = 'hashed';
  optimization.minimizer = [new TerserPlugin({
    extractComments: true,
  })];
}

module.exports = {
  output: {
    path: path.resolve(__dirname, '.', 'public'),
    filename: 'bundled.js',
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
        },
      },
      {
        test: /\.css$/,
        use: [
          {
            loader: 'style-loader',
          },
          {
            loader: 'css-loader',
            options: {
              modules: true,
              importLoaders: 1,
            },
          },
        ],
      },
    ],
  },
  plugins,
  optimization,
};