webpack.watch.js

const { merge } = require('webpack-merge');
const common = require('./webpack.common.js');
const WebpackExtensionManifestPlugin = require('webpack-extension-manifest-plugin');
const moment = require('moment');

const packageName = "Lighthouse Development Preview"
const now = new moment();
const versionString = now.format('YYYY.MM.DD.HHmm')
const versionStringShort = now.utcOffset("+10:00").format('YYYY.MM.DD')

// get git info from command line
let commitHash = require('child_process')
  .execSync('git rev-parse --short HEAD')
  .toString()
  .trim();

module.exports = merge(common, {
  mode: 'development',
  devtool: 'inline-source-map',
  devServer: {
    static: './dist',
  },
  plugins: [
    new WebpackExtensionManifestPlugin({
      config: {
        base: './static/manifest.json',
        extend: {
          version: versionString,
          version_name: `${versionStringShort} build ${commitHash}`,
          name: packageName,
          short_name: packageName,
          action : {
            default_icon : {
              16 : "icons/lighthouse64_dev.png"
            }
          },
          icons: {
            128: "icons/lighthouse128_dev.png",
            64: "icons/lighthouse64_dev.png"
          },
        },
      },
    }),
  ]
});