@codiechanel/tail-ui

A sample setup using Rollup and Babel to build TypeScript code, and using TypeScript for type-checking.

Usage no npm install needed!

<script type="module">
  import codiechanelTailUi from 'https://cdn.skypack.dev/@codiechanel/tail-ui';
</script>

README

removed "@babel/plugin-transform-react-jsx", "@babel/plugin-proposal-export-default-from", "@babel/plugin-proposal-export-namespace-from",

bit add src/Great.tsx --id my-great bit untrack --all bit untag --all bit tag --all 1.0.2 bit import -c bit.envs/compilers/react-typescript bit import bit.envs/compilers/babel --compiler

bit import bit.envs/internal/babel-base-compiler

bit import -c codiechanel.compilers/compilers/babel bit import codiechanel.compilers2/compilers/babel bit remove codiechanel.pub-d/my-button --remote bit remove --force ids my-button bit export codiechanel.pub-d bit export codiechanel.compilers --eject bit import bit.envs/internal/babel-base-compiler

bit eject compilers/babel

bit import bit.envs/compilers/babel

bit import guyssar.compilers/compilers/babel

npm i @bit/guyssar.compilers.compilers.babel "env": { "compiler": "codiechanel.compilers/compilers/babel@7.0.14" },

successfully removed components from the local scope (to remove from the remote scope, please re-run the command with --remote flag): codiechanel.pub-d/my-button

"browser": "dist/rollup-plugin-babel.iife.js",

bit is about to fork the following components and export them to codiechanel.compilers. bit.envs/compilers/babel also, if they're staged, bit will not change their status to exported unless '--set-current-scope' flag is used.

there are additional flags for the 'export' command to specifically handle forking components:

  1. '--include-dependencies' exports all dependencies to the destination alongside the component.
  2. '--set-current-scope' sets your workspace to use the destination scope as the main remote for the component.
  3. '--rewire' changes all dependencies to point to the new destination.

Rollup-TypeScript-Babel

This is sample repository demonstrates how to use Rollup, TypeScript and Babel

Building the repo

npm run build

Building only types

npm run build:types

Type-Checking the repo

npm run type-check

And to run in --watch mode:

npm run type-check:watch

"presets": [
    [
      "@babel/preset-env",
      {
        "bugfixes": true,
        "useBuiltIns": "entry",
        "corejs": 3,
        "modules": "commonjs",
        "loose": true
      }
    ],