@babel/plugin-syntax-import-attributes

What is @babel/plugin-syntax-import-attributes?

The @babel/plugin-syntax-import-attributes package allows Babel to parse import statements with attributes, which is a proposal for ECMAScript to allow additional metadata to be provided with import statements. This plugin only allows Babel to parse this syntax and does not transform it. It is useful for developers who want to use the proposed import attributes syntax in their codebase and ensure that Babel can correctly understand it.

What are @babel/plugin-syntax-import-attributes's main functionalities?

Parsing import statements with attributes

This feature allows Babel to parse import statements that include an 'assert' clause with attributes. This is part of a stage 3 proposal to allow asserting certain conditions on imported modules.

import json from './data.json' assert { type: 'json' };

Other packages similar to @babel/plugin-syntax-import-attributes

@babel/plugin-proposal-export-namespace-from

This package allows Babel to transform export * as ns from 'module' syntax, which is similar in that it extends the capabilities of module import/export syntax, but it focuses on export statements rather than import attributes.

@babel/plugin-proposal-dynamic-import

This package enables Babel to parse and transform the dynamic import() syntax, which is another extension to the module system in JavaScript. While it deals with dynamic imports rather than static import attributes, it is similar in that it enhances the module system.

@babel/plugin-transform-modules-commonjs

This package transforms ES6 modules to CommonJS, allowing for interoperability with module systems used in different environments. It does not handle import attributes but is related in terms of module system handling.

README

@babel/plugin-syntax-import-attributes

Allow parsing of the module attributes in the import statement

See our website @babel/plugin-syntax-import-attributes for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-syntax-import-attributes

or using yarn:

yarn add @babel/plugin-syntax-import-attributes --dev