@flatjs/forge-preset-babel

the babel preset forge compiler

Usage no npm install needed!

<script type="module">
  import flatjsForgePresetBabel from 'https://cdn.skypack.dev/@flatjs/forge-preset-babel';
</script>

README

The babel presets @flatjs/forge-babel-perset

babel preset for flatjs forge libraray compiler the latest @babel/preset-typescript already supported nullish-coalescing-operator, optional-chaining, there is no need to mannualy add Babel plugin reference.

Install

npm install @flatjs/forge-babel-perset

Notes

// the version of nodejs
"engines": {
  "node": ">= 13.8.0"
}

Optimization

optimize @babel/env and plugins, make production bundle smaller.

// use `fast-async` instead of `async-to-generator`
const forgeConfig = {
  ........
  plugin: {
    pluginConfigs: {
      babel: {
        options: {
          presets: [
            '@babel/preset-react',
            [
              require.resolve('@babel/preset-env'),
              {
                loose: true,
                useBuiltIns: false,
                targets: {
                  browsers: ['ie >= 11', 'safari > 10'],
                },
                exclude: ['transform-regenerator', 'transform-async-to-generator'],
              },
            ],
          ],
          plugins: [
            [require.resolve('fast-async'), { spec: true }],
            ['@babel/plugin-syntax-dynamic-import']
          ],
        },
      },
    },
  },
}