webpack.config.js

const path = require('path');
const CopyPlugin = require('copy-webpack-plugin');

module.exports = {
  entry: ['@babel/polyfill/noConflict', './src/index.js'],
  mode: process.env.NODE_ENV,
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'handsfree-for-website.js',
    library: 'handsfreeForWebsite',
    libraryTarget: 'umd',
  },
  devtool: 'source-map',
  devServer: {
    https: true,
    contentBase: './dist',
  },
  module: {
    rules: [{
      test: /\.js$/,
      exclude: /node_modules/,
      loader: 'babel-loader',
    }, {
      test: /\.s[ac]ss$/i,
      use: ['style-loader', 'css-loader', 'sass-loader'],
    }, {
      test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
      use: [
        {
          loader: 'file-loader',
          options: {
            name: '[name].[ext]',
            outputPath: 'fonts/',
          },
        },
      ],
    }],
  },
  plugins: [
    new CopyPlugin([{
      from: './src/static',
      to: '',
    }]),
    new CopyPlugin([{
      from: './node_modules/handsfree-core/dist/fonts',
      to: 'fonts',
    }]),
  ],
};