@sewing-kit/plugin-babel

@sewing-kit/plugin-babel

Exposes hooks to configure Babel, which may then be used by other build and test plugins.

Installation

yarn add @sewing-kit/plugin-babel --dev

Usage

babel() is a plugin that exposes hooks to configure babel at the project level and sets default values for that configuration based on what the user provides.

Add the plugin to your project and specify any defaults that you wish to set using the config option, which is an object containing all the options described on Babel's options page with the exception of include and exclude. This example defines a config that uses the @shopify/babel-preset preset.

import {createPackage, Runtime} from '@sewing-kit/core';
import {babel} from '@sewing-kit/plugin-babel';

export default createPackage((pkg) => {
  pkg.runtime(Runtime.Node);
  pkg.use(
    babel({
      config: {presets: ['@shopify/babel-preset']},
    }),
  );
});

Hooks

This plugin adds the following hooks to each of the TestProjectConfigurationHooks, BuildProjectConfigurationHooks, and DevProjectConfigurationHooks:

• babelConfig: the configuration used when transpiling with Babel.

  import {createProjectBuildPlugin} from '@sewing-kit/core';
  
  const plugin = createProjectBuildPlugin(({hooks}) => {
    hooks.configure.hook((configure) => {
      // Add an additional plugins when building
      configure.babelConfig?.hook((config) => ({
        ...config,
        plugins: [...config.plugins, require.resolve('my-babel-plugin')],
      }));
    });
  });