Beanbag Frontend Buildkit

This package depends on and installs a handful of tools used to build the CSS and JavaScript used in Beanbag products and services (such as Review Board and RBCommons).

It's also used for developers building custom code review features on the Review Board Platform.

The contents of the buildkit are expected to change over time. We follow semantic versioning, and will bump up the package's version appropriately as we make changes.

What's Included

CSS Build Tools

• LessCSS 4 (4.1 or higher), with:
  • Auto-prefixer plugin, for better cross-browser CSS compatibility.

JavaScript Build Tools

• Babel 7 (7.20 or higher), with:

  • TypeScript support
  • [decorator proposals](https://www.npmjs.com/package/@babel/plugin-proposal-decorators] for experimental decorator support.
  • dedent plugin for dedenting template literals.
  • Django gettext plugin for conveniently localizing strings in projects using Django.

• rollup.js 3 (3.9 or higher), with:

  • Babel plugin, to
  • dts plugin, bundle TypeScript .d.ts files.
  • external-globals plugin, to rewrite imports from specific modules to use global JavaScript namespaces instead.
  • node-resolve plugin, to help locate imported modules within node_modules.

• UglifyJS 3 (3.16 or higher).

Installation

To manually install this packages and its dependencies, run:

npm install --save-dev beanbag-frontend-buildkit

We also recommend installing ESLint and our beanbag-eslint-plugin:

npm install --save-dev eslint @beanbag/eslint-plugin