Import your JSON and CSS as ES Modules

Показать описание

Did you know that it is now possible to import JSON files and CSS files as Modules, instead of using Fetch?
As of Chrome 91 and Chrome 93 respectively we can do this with static or dynamic imports.

Fingers crossed that Safari catches up soon.

Рекомендации по теме

Комментарии

I like your channel ....you constantly push updated the course all the time ....by the way i like your react

sohailshah

Whenever I watch a video lesson here, I am convinced - JavaScript is a super language

Just watching the lesson calmly provides very clear explanations to so many topics

Thanks Steve 👍

barungh

I found I could not load css modules where media=print. I am just learning and experimenting and thought you might confirm whether this is a limitation.

RalphGoddard-ttxq

Is there any support for type: 'html'? Or at least, do you think that's coming in the future? I was going to use HTML5 Imports to replace my iframe tags, but it seems like Google has declared that deprecated since no other browser adopted it. And everywhere I look, people are saying that ES6 Modules are replacing HTML imports, but I haven't seen any guides on how to replace iframe tags with ES6 Modules.

leviuzodike

Hello Steve, thank you for all the videos that you are creating. I wanted to try importing a data.json using import and got this error in console: "Uncaught SyntaxError: Cannot use import statement outside a module". I am executing in Chrome 98. Any idea about what is causing this issue? Thanks.

cgarafulic

Why do this instead of
fetch("/data.json").then(r => r.json())
?

nitsanbh

Hi, thank you for you help it works perfectly with CSS file.
Do you have any clue for .LESS file ? In my case all inheritance class are ignored :/

geraldlgq

Is this server side rendering of css and json, beacause css isnt directed included in html file it is in js file and js rendering i to html page.

Please explain it to me.

BalkanLeaksArchive

Hello, very nice video.
I did it and in chrome works perfectly, but in safari, i get an error:: SyntaxError: Unexpected identifier 'assert'. Expected a ';' following a targeted import declaration.
Could you help me with this?
Thank you very much.

angeloszaimis

Import your JSON and CSS as ES Modules

Import your JSON and CSS as ES Modules

Learn JSON in 10 Minutes

BEGINNERS: How to add JSON file and render data to HTML page

Read JSON File into HTML with JavaScript Fetch API

JSON Settings: How to implement CSS into the JSON Settings | v2

How to fetch data stored in a json file | Read with javascript local json file.

Importiere JSON und CSS Dateien in JavaScript // Kein Fetch

Import all json files from folder in JavaScript ES6

CSS : Importing styles in angular.json vs importing in styles.css?

HTML : CSS Styling from JSON

Display JSON data in HTML table using JavaScript

How to access and edit settings json in vscode | workspace and user settings.json file

JavaScript Tip: Loading a Local JSON File without Fetch

JSON Modules in JavaScript | Load JSON file easily without Fetch API

Importing JSON - ABANDONED - HTTP 203

python - How to prettyprint a JSON file?

How To Open settings.json In Visual Studio Code | Where Is settings.json in VSCode?

Import JSON file using 'import' in Javascript

How to validate your JSON #shorts

JavaScript ES6 Modules

How to create JSON Server and Fetch Data For Front-end

How To Export And Import JSON Files With The Divi Theme 👈👈👈

Dev Workshop - CSS Transformations using JSON

Launch.json Visual Studio Code Error - How to CORRECT It