alpinejs-component/scripts/build.js

Directive-based Alpine.js components with Shadow DOM encapsulation, slots, and cached template rendering

import { buildSync } from 'esbuild'

buildPlugin({
  entryPoints: ['builds/cdn.js'],
  outfile: 'dist/component.min.js',
})

buildPlugin({
  entryPoints: ['builds/module.js'],
  outfile: 'dist/component.esm.js',
  platform: 'neutral',
  mainFields: ['main', 'module'],
})

function buildPlugin(buildOptions) {
  return buildSync({
    ...buildOptions,
    minify: true,
    bundle: true,
  })
}