esbuild.js

import {build, analyzeMetafile, serve} from 'esbuild'
import {buildHTML} from './bin/rebuild-html.js'
import {copyFiles} from './bin/copy-to-dist.js'

const outputDir = 'dist'
const entry_points = {
  viewer: 'src/views/viewer.js',
  singleview: 'src/views/singleview.js',
  twinview: 'src/views/twinview.js',
  style: 'src/index.css'
}

if (process.env.NODE_ENV === 'production') {

  // Production build
  build({
    entryPoints: entry_points,
    outdir: outputDir,
    bundle: true,
    minify: true,
    metafile: true,
    splitting: true,
    entryNames: '[name]-[hash]',
    format: 'esm',
    loader: {
      '.ttf': 'file',
      '.svg': 'file'
    },
    banner: {
      js: `// Skråfoto v${ process.env.npm_package_version }`,
      css: `/* Skråfoto v${ process.env.npm_package_version } */`,
    }
  })
  .then(async (result) => {

    await buildHTML(entry_points, result.metafile.outputs, outputDir)
    await copyFiles()
    
    analyzeMetafile(result.metafile).then((analysis) => {
      //console.log(analysis)
      console.log('Build finished 👍')
    })
    
  })
  .catch(() => process.exit(1))

} else {

  // Development mode watches for file changes and rebuilds
  serve({
    servedir: 'public',
  }, {
    entryPoints: entry_points,
    loader: {
      '.ttf': 'file',
      '.svg': 'file'
    },
    outdir: 'public',
    bundle: true,
    splitting: true,
    format: 'esm'
  }).then(server => {

    console.log(server)
    // Call "stop" on the web server to stop serving
    // server.stop()

  })
}