esbuild.js

(async () => {
  const { build } = require('esbuild'),
    { sassPlugin } = require('esbuild-sass-plugin'),
    buildOptions = {
      entryPoints: [
        'src/css/app.scss',
        'src/js/backend.ts',
        'src/js/frontend.ts'
      ],
      bundle: true,
      keepNames: true,
      minify: true,
      sourcemap: true,
      watch: false,
      outdir: 'dist',
      plugins: [
        sassPlugin(),
      ],
      loader: {
        '.build': 'text',
        '.jpg': 'file',
        '.png': 'dataurl',
        '.svg': 'dataurl'
      },
      entryNames: '[name]',
    };

  process.argv.forEach((arg) => {
    if (arg === 'watch') {
      buildOptions.watch = {
        onRebuild(error, result) {
          if (error) {
            console.log('\x1b[31mError rebuilding:\x1b[0m');
            console.error(error);

            return;
          }

          console.log('\x1b[32mRebuilt.\x1b[0m');
        },
      };
    }

    if (arg === 'dev') {
      buildOptions.minify = false;
    }
  });

  process.stdout.write(`Building... `);

  build(buildOptions)
    .then(() => {
      console.log('\x1b[32mdone.\x1b[0m');
    })
    .catch((e) => {
      console.log(`\x1b[31mfailed.\x1b[0m`);
      console.log('');
      console.error(e);

      process.exit(1);
    });

})();