webpack.config.js

const webpack = require('webpack');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

const info = require('./package.json');

module.exports = {
  entry: `${__dirname}/src/main.js`,
  output: {
    path: `${__dirname}/dist`,
    filename: 'farmOS-map.js',
    chunkFilename: 'farmOS-map-chunk-[contenthash].js',
    clean: true,
  },
  performance: {
    hints: false,
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          MiniCssExtractPlugin.loader,
          { loader: 'css-loader' },
        ],
      },
      {
        test: /\.svg$/,
        loader: 'svg-inline-loader'
      },
    ],
  },
  plugins: [
    new webpack.BannerPlugin({
      banner: `farmOS-map ${info.version}`,
      entryOnly: true,
    }),
    new MiniCssExtractPlugin({
      filename: 'farmOS-map.css',
      chunkFilename: 'farmOS-map-chunk-[contenthash].css',
    }),
    new CopyWebpackPlugin({
      patterns: [
        { from: './examples/simple-html-consumer/static' },
      ],
    }),
  ],
};