Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including parcel-plugin-typescript with all npm packages installed. Try it out:

require("parcel-bundler/package.json"); // parcel-bundler is a peer dependency. require("typescript/package.json"); // typescript is a peer dependency. var parcelPluginTypescript = require("parcel-plugin-typescript")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

parcel-plugin-typescript v1.0.0

Enhanced TypeScript support for Parcel bundler

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
  }
}
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free