parcel-plugin-typescript

Enhanced TypeScript support for Parcel bundler

Usage no npm install needed!

<script type="module">
  import parcelPluginTypescript from 'https://cdn.skypack.dev/parcel-plugin-typescript';
</script>

README

parcel-plugin-typescript

Enhanced TypeScript integration for Parcel.

Screenshot

Differences with Parcel native support

While Parcel has built-in transpiling support for TypeScript, this plugin provides additional features.

If you only need transpiling then this plugin might not be necessary. You can see this plugin as a Parcel version of awesome-typescript-loader or ts-loader.

Features

  • Type checking:
    Checking your TypeScript code for errors, in a separate process for speed.
  • Path mappings:
    Rewriting your import on the fly accordingly to your paths and baseUrl compiler options.
  • Custom AST transformers: Use your own TypeScript transformers

Upcoming features

  • TSLint support

Angular Support

Angular support has been moved to parcel-plugin-angular.

Installation

yarn add parcel-plugin-typescript

or

npm install parcel-plugin-typescript

Configuration

For configuration, you can pass a parcelTsPluginOptions object in your tsconfig.json:

{
  "compilerOptions": {...},
  // the plugin options
  "parcelTsPluginOptions": {
    // If true type-checking is disabled
    "transpileOnly": false
  }
}