@babel/plugin-syntax-import-assertions

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

The @babel/plugin-syntax-import-assertions package allows Babel to parse the import assertions syntax, which is a feature that enables developers to make assertions about the kind of content they are importing. This is particularly useful for ensuring that modules being imported are of the expected type, such as JSON, HTML, or other non-JavaScript resources.

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

Parsing import assertions

This feature allows Babel to understand and parse the import assertions syntax, which is used to assert the type of file being imported. In this code sample, an assertion is made that the imported module 'data.json' is of type 'json'.

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

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

@babel/plugin-proposal-json-strings

This package allows Babel to transform JSON string literals into actual JSON objects. It is similar to @babel/plugin-syntax-import-assertions in that it deals with JSON within the context of JavaScript modules, but it focuses on the transformation of JSON strings rather than the import assertions syntax.

README

@babel/plugin-syntax-import-assertions

Allow parsing of the module assertion attributes in the import statement

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

Install

Using npm:

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

or using yarn:

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

Changelog

v7.23.3 (2023-11-09)

:bug: Bug Fix

• babel-plugin-transform-typescript
  • #16071 Strip type-only TS namespaces (@colinaaa)
• babel-generator
  • #16078 Fix indentation when generating comments with concise: true (@liuxingbaoyu)
• babel-compat-data, babel-plugin-bugfix-v8-static-class-fields-redefine-readonly, babel-preset-env
  • #14295 Add a bugfix plugin for https://crbug.com/v8/12421 (@nicolo-ribaudo)
• babel-plugin-transform-object-super
  • #15948 fix: super.x in a loop (@liuxingbaoyu)
• babel-helper-module-transforms, babel-plugin-transform-modules-amd, babel-plugin-transform-modules-commonjs, babel-plugin-transform-modules-umd
  • #16015 fix: handle __proto__ exports name in CJS/AMD/UMD (@magic-akari)

:memo: Documentation

• #16044 docs: Update links in @babel/eslint-parser README (@aryehb)

:house: Internal

• babel-core, babel-preset-env
  • #15988 Refactor handling of modules plugins in preset-env (@nicolo-ribaudo)

:running_woman: Performance

• babel-generator
  • #16061 perf: Improve @babel/generator performance (@liuxingbaoyu)
• babel-traverse
  • #16060 Avoid dynamic dispatch when calling wrapCheck (@yepitschunked)

:microscope: Output optimization

• babel-plugin-transform-computed-properties
  • #6652 Optimize computed properties output (byte-wise) (@Andarist)