babel-preset-proposal-typescript

babel-preset-proposal-typescript

Yet another Babel preset for TypeScript, only transforms proposals which TypeScript does not support now.

So that you can use babel to transform proposals which are current in stage 0-2 and TypeScript team will not implement them temporarily.

TOC

• Enabled proposal plugins
• Install
• Options
• Usage
  • Via .babelrc (Recommended)
  • Via CLI
  • Via Node API
  • Via webpack
• Changelog
• License

Enabled proposal plugins

1. class-static-block
2. class-properties
3. do-expressions
4. function-bind
5. function-sent
6. json-strings
7. partial-application
8. pipeline-operator
9. private-methods
10. private-property-in-object
11. throw-expressions
12. v8intrinsic - Further Detail

Install

# yarn
yarn add -D babel-preset-proposal-typescript

# npm
npm i -D babel-preset-proposal-typescript

Options

option	description	defaults
classLoose	whether to use loose mode for class properties and private methods	true
decoratorsBeforeExport	See Babel Document	undefined
decoratorsLegacy	whether to use legacy decorators semantic	true
isTSX	whether to enable jsx plugin with typescript	false, but true for /\.[jt]sx$/
pipelineOperator	implementation of pipeline operator	"minimal"

Usage

Via .babelrc (Recommended)

.babelrc

{
  "presets": ["proposal-typescript"]
}

Via CLI

babel input.ts --presets proposal-typescript >output.ts

Via Node API

require('@babel/core').transform('code', {
  presets: ['proposal-typescript'],
})

Via webpack

Pipe codes through babel-loader.

loader = {
  test: /\.[jt]sx?$/,
  loader: 'babel-loader',
  options: {
    presets: ['proposal-typescript'],
  },
}

// if you prefer `ts-loader` or `awesome-typescript-loader`
loader = {
  test: /\.tsx?$/,
  use: [
    {
      loader: 'ts-loader',
    },
    {
      loader: 'babel-loader',
      options: {
        presets: ['proposal-typescript'],
      },
    },
  ],
}

Changelog

Detailed changes for each release are documented in CHANGELOG.md.

License

MIT © JounQin@1stG.me