kassens

'use strict';

// To be used with jscodeshift: https://github.com/facebook/jscodeshift

export default function transformer(file, api) {
  const j = api.jscodeshift;

  if (!file.source.includes('graphql`')) {
    return;
  }

kamleshchandnani

Bundling Design Systems/Component Libraries

First of all you need to decide who will be your target consumers based on the following:

1. They have the same environment(webpack config, babel config) setup as you where you built your design system(this is mostly possible if you use monorepos/same configs where all the teams share the same environment).

2. They don't have the same environment which is the case when you work in bigger teams and you want to distribute your design system as any other npm package which is already built and can be used directly.

If your use case falls under case no. 1 then you can just compile the source babel src -d build and leave the bundling to the consumer projects tools(webpack/rollup)