@parcel/transformer-raw

What is @parcel/transformer-raw?

@parcel/transformer-raw is a transformer plugin for Parcel, a web application bundler. This plugin allows you to import raw content from files as strings. It is particularly useful for importing non-code assets like text files, HTML, or any other file types that you want to include as raw strings in your JavaScript code.

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

Importing raw content from text files

This feature allows you to import the content of a text file as a string. The 'bundle-text:' prefix tells Parcel to use the @parcel/transformer-raw plugin to handle the import.

import rawContent from 'bundle-text:./example.txt';
console.log(rawContent);

Importing raw content from HTML files

Similar to importing text files, this feature allows you to import the content of an HTML file as a string. This can be useful for embedding HTML templates directly into your JavaScript code.

import rawHtml from 'bundle-text:./example.html';
console.log(rawHtml);

Importing raw content from any file type

This feature demonstrates the flexibility of @parcel/transformer-raw by allowing you to import raw content from any file type, not just text or HTML. This can be useful for custom file types or binary data.

import rawData from 'bundle-text:./example.xyz';
console.log(rawData);

Other packages similar to @parcel/transformer-raw

raw-loader

raw-loader is a loader for webpack that imports files as strings. It serves a similar purpose to @parcel/transformer-raw but is designed for use with webpack instead of Parcel. Both plugins allow you to import raw content from files, but they are specific to their respective bundlers.

file-loader

file-loader is another webpack loader that can be used to import files. Unlike raw-loader and @parcel/transformer-raw, file-loader emits the file into the output directory and returns the URL to the file. This is useful for handling assets like images, fonts, and other binary files.

url-loader

url-loader is a webpack loader that works similarly to file-loader but can also inline files as base64 URIs if they are below a specified size. This can be useful for optimizing the loading of small assets. While it doesn't import raw content as strings, it provides a different approach to handling file imports.

README

The README file is missing

Changelog

[2.13.3] - 2024-12-16

Fixed

• Resolver
  • Ignore invalid package.json fields – Details