@ideasio/add-to-homescreen-react/examples/basic-integration/webpack.config.js

A React component providing add-to-home-screen functionality for progressive webapps on different platforms and browsers.

const Path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports = () => {
  const outputFolder = Path.join(__dirname, './dist');

  return {
    entry: ['./examples/basic-integration/index.js'],
    module: {
      rules: [
        {
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          use: ['babel-loader']
        },
        {
          test: /\.scss$/,
          exclude: /node_modules/,
          use: [
            'style-loader',
            'css-loader',
            'sass-loader'
          ]
        },
        {
          test: /\.(jpg|png|svg)$/,
          use: {
            loader: 'file-loader',
            options: {
              name: '[path][name].[hash].[ext]'
            }
          }
        }
      ]
    },
    resolve: {
      extensions: ['*', '.js', '.jsx']
    },
    output: {
      path: outputFolder,
      filename: 'bundle.js'
    },
    devServer: {
      contentBase: outputFolder,
      port: 8081,
      historyApiFallback: true
    },
    plugins: [
      new HtmlWebpackPlugin({
        template: 'examples/basic-integration/index.html',
        filename: 'index.html'
      }),
      new CopyWebpackPlugin({
        patterns: [
          {
            context: 'examples/basic-integration/public',
            from: '**/*',
            to: outputFolder
          },
          {
            context: 'src/images/',
            from: '**/*',
            to: outputFolder + '/images'
          }]
      })
    ]
  };
};