@drewfle/bundler

Drewfle Bundler is a building and bundling tool for Typescript React and Node.js project. It leverages Rollup API and abstracts away common dependencies. It offers out of box Typescript support for building libraries. It also supports bundling front end web apps with PostCSS and additional Babel options. Under the hood Drewfle Bundler uses rollup-plugin-typescript2 by default. When the --compiler option is set to esbuild, it uses esbuild and disables Babel regardless of other options.

@drewfle/bundler is also available on NPM.

Options

$ drewfle-bundler rollup -h

Usage: cli rollup [options]

Options:
  -c, --compiler <type>  Compiler. Available values are rtp2 and esbuild.
                         rtp2: stands for rollup-plugin-typescript2.
                         esbuild: when enabled, disables babel. (default: "rtp2")
  -o, --output <type>    Build output. Available values are lib-es, lib-cjs, and browser.
    lib-es: equivalent to passing -f es -es.
    lib-cjs: equivalent to passing -f cjs -es.
    browser: equivalent to passing -f iife -s -b browser. By default uses babel to output cross-browser compatible code. Uses esbuild when compiler is set to esbuild. (default: "lib-es")
  -f, --format <type>    Output module format. Available values are amd, cjs, es, iife, system, and umd
  --src <path>           Source file path (default: "src/index.ts")
  --dist <path>          Dist file path (default: "dist/bundle.js")
  --watch                Enable watch mode (default: false)
  --serve                Enable server (default: false)
  -p, --port <port>      Specify dev server port (default: "8080")
  -b, --babel <mode>     Enable babel. Available options are node and browser. Ignored when compiler is set to esbuild.
  -e, --external         Enable external to exclude specified dependencies. By default it excludes all dependencies. (default: false)
  -s, --source-map       Enable source map (default: false)
  -t, --terser           Enable terser (default: false)
  --init <type>          Initialize minimal project files. Available option is ts-react
  -h, --help             display help for command

Minimal React Project Setup

See example React project. Or in an empty folder:

Use Node 12. See notes below. Run:

mkdir reactapp
cd reactapp
npx -p @drewfle/bundler drewfle-bundler rollup --init ts-react
npm i
npm start

Note: Node 13 doesn't work with @rollup\pluginutils as a dependency, this relates to this issue.

Development

Test run initializing project, in an empty folder, run npx <path-to>/tooling/packages/bundler/cli.js rollup --init ts-react