Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

babel-preset-kyt-core

Package Overview
Dependencies
Maintainers
6
Versions
266
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

babel-preset-kyt-core

An opinionated babel preset, best used with kyt

  • 1.0.5
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
7K
increased by0.37%
Maintainers
6
Weekly downloads
 
Created
Source

babel-preset-kyt-core

npm

A wrapper around @babel/preset-env with sane defaults.

Installation

yarn add --dev babel-preset-kyt-core
npm i --save-dev --save-exact babel-preset-kyt-core

Options

module.exports = {
  presets: [
    ['babel-preset-kyt-core', {
      includeRuntime: true
    }]
  ]
}

When using this option, your application will need to install @babel/runtime:

yarn add @babel/runtime
npm i --save-exact @babel/runtime
  • envOptions (Object)

When used with kyt, using this preset allows you to specify different configuration values for client and server. By declaring envOptions, you can set options that are passed to @babel/preset-env:

module.exports = {
  presets: [
    ['babel-preset-kyt-core', {
      // these are the default values for `targets`
      envOptions: {
        client: {
          targets: {
            browsers: ['>1%', 'last 4 versions', 'not ie < 11'],          
          }
        },
        server: {
          targets: {
            node: 'current'
          }
        }
      }  
    }]
  ]
}

Without kyt, only the values set for client will be used.

To support multi-configuration (client / server) when not using kyt, set KYT_ENV_TYPE before running Babel compilation.

KYT_ENV_TYPE (supported values):

  • client
  • server
  • test

Example:

// using `@babel/cli`
KYT_ENV_TYPE=server babel src -d lib

// using `webpack`
KYT_ENV_TYPE=server webpack --config webpack.server.config.js

These are sensible defaults that work well with kyt out of the box. The client option, typically reserved for client builds in kyt, is used to target browsers. The server option targets the current version of node.

The client.targets.browsers configuration is in the browserslist format.

Polyfilling

This preset has core-js@3* as a dependency, but to add polyfills to Webpack entrypoints, you need to include any relevant polyfills while building your project.

The convention in kyt is add them to src/client/polyfills.js:

// src/client/polyfills.js
import 'core-js/stable';
import 'regenerator-runtime/runtime';

In your Webpack configuration:

// webpack.client.config.js
module.exports = {
  target: 'web',
  entry: {
    main: [
      '/path/to/src/client/polyfills.js',
      '/path/to/src/client/index.js',  
    ]
  }
}

Keywords

FAQs

Package last updated on 11 Sep 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc