Import assertions | Frontend Practical Guide

Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。

概要

Import assertions（import attributes）は import 文でモジュールの型情報（type: 'json' 等）を指定します。JSON や CSS ファイルの安全なインポートを可能にします。

機能	デスクトップ				モバイル
機能	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`javascript.statements.import.import_assertions` 非推奨非標準	91	91			91
ステートメント
`import assertions.type css` 非推奨非標準 `assert {type: 'css'}`	93	93			93
`import assertions.type json` 非推奨非標準 `assert {type: 'json'}`	91	91			91

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

JAVASCRIPT

import data from './data.json' with { type: 'json' };
import styles from './styles.css' with { type: 'css' };