Build Pipelines

A build pipeline is a sequence of tasks that are executed during tag, snap and build commands.

Your custom dev environment controls the build pipeline using the `build` method:

// my-env.bit-env.ts
import { ReactEnv } from '@bitdev/react.react-env';

class MyEnv extends ReactEnv {
  build() {
    return Pipeline.from([
      TypescriptTask.from({
        tsconfig: this.tsconfigPath,
        types: resolveTypes(__dirname, [this.tsTypesPath]),
      }),
      EslintTask.from({
        tsconfig: this.tsconfigPath,
        configPath: this.eslintConfigPath,
        pluginsPath: __dirname,
        extensions: this.eslintExtensions,
      }),
      JestTask.from({
        config: this.jestConfigPath,
      }),
    ]);
  }
}
Copied

To debug your build pipeline issues, for instance CI errors when running snap or tag, run the following command to locally execute a build pipeline:

$bit build

Copied

build output can be found in path: .../capsules/3cb1fe9e599417540367a45ebfd35e0c8adcbf14
Copied

During bit tag or bit snap build artifacts output by some build tasks are persisted. You can list the available artifacts from any previous snap or tag and fetch them:

$bit artifacts

Copied

To customize your build pipeline, you can create a new build task - for instance to run accessibility testing, generate custom outputs, basically anything you want.

Start by running the following command to create a new build task:

$bit fork learnbit.extending-bit/build-tasks/component-name build-tasks/my-build-task

Copied

Integrate to your build pipeline by adding to the build tasks array. Follow this guide to dive deeper.

In addition to the standard tasks run when snapping/tagging components (packaging, versioning, etc), add the snap() and/or tag() functions to your env to configure additional release tasks.

See Create a new build task above for details on how to create a new task.

// in your *.bit-env.ts file
  tag() {
    return Pipeline.from([])
  };
  snap() {
    return Pipeline.from([])
  };
Copied