@parcel/transformer-js

What is @parcel/transformer-js?

@parcel/transformer-js is a JavaScript transformer for Parcel, a web application bundler. It handles the transformation of JavaScript files, including modern JavaScript syntax, JSX, TypeScript, and more, into a format that can be understood by browsers.

What are @parcel/transformer-js's main functionalities?

Transforming Modern JavaScript

This feature allows you to transform modern JavaScript syntax (ES6+) into a format that is compatible with older browsers.

module.exports = function (bundler) {
  bundler.addAssetType('js', require.resolve('@parcel/transformer-js'));
};

Handling JSX

This feature enables the transformation of JSX syntax, commonly used with React, into standard JavaScript.

module.exports = function (bundler) {
  bundler.addAssetType('jsx', require.resolve('@parcel/transformer-js'));
};

TypeScript Support

This feature allows you to transform TypeScript files into JavaScript, making it possible to use TypeScript in your projects.

module.exports = function (bundler) {
  bundler.addAssetType('ts', require.resolve('@parcel/transformer-js'));
};

Other packages similar to @parcel/transformer-js

babel

Babel is a popular JavaScript compiler that transforms modern JavaScript into a version compatible with older environments. It offers extensive plugins and presets for handling various JavaScript features, including JSX and TypeScript. Compared to @parcel/transformer-js, Babel is more flexible and can be used independently of any bundler.

typescript

TypeScript is a language and a set of tools that transpile TypeScript code into JavaScript. It includes a compiler that can be used to transform TypeScript files. While @parcel/transformer-js can handle TypeScript as part of a larger build process, the TypeScript compiler is specifically focused on TypeScript and offers more fine-grained control over the transformation process.

esbuild

esbuild is an extremely fast JavaScript bundler and minifier. It supports modern JavaScript syntax, JSX, and TypeScript out of the box. Compared to @parcel/transformer-js, esbuild is known for its speed and efficiency, making it a good choice for large projects where build time is a concern.

README

The README file is missing

Changelog

[2.12.0] - 2024-02-28

Added

• Core

  • Add REPL playground for Parcel to the website – Details
  • Improve package manager detection for auto install – Details

• JavaScript

  • Add support for JS macros – Details
  • Statically evaluate constants referenced by macros – Details
  • Upgrade to ESLint 8 – Details
  • Bump swc – Details

• CSS

  • Use lightningcss to implement CSS packager – Details

• Bundler

  • Rename "parentAsset" to "root" for Manual Shared Bundle config and remove unstable prefix – Details

• Web Extensions

  • Add content script world property to manifest schema validation – Details

• Performance

  • Adjacency list optimizations – Details
  • Break up request graph cache serialisation and run after build completion – Details

Fixed

• Core

  • Drop per-pipeline transformation cache – Details
  • Clippy and use napi's Either3 – Details
  • Add lazy/eager cache key to avoid invalid change when switching modes – Details

• JavaScript

  • Remove decl_collector pass and use SWC's unresolved_mark instead – Details

• Bundler

  • Fix multiple css bundles in entry bundle groups issue – Details
  • Allow parallel type change bundles to be reused by async siblings – Details
  • Skip on missing parent asset for manual shared bundles – Details

Unstable

• Add source map support to the inline-require optimizer – Details