Mastodawn

A pleasure to have importmap during development. No webpack, esbuild, bundlers. Compile TypeScript, start web server (like python3 -m http.server ...), point browser to some HTML file like:

<head>
<script type="importmap">
{
"imports": {
"chai": "../../node_modules/chai/index.js",
}
}
</script>
<script type="module" src="../../build/DavIntegrationTest.js"></script>

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script/type/importmap

#JavaScrtipt, #TypeScript, #importmap #bundlers

<script type="importmap"> - HTML | MDN

The importmap value of the type attribute of the <script> element indicates that the body of the element contains an import map.

MDN Web Docs

Harald Feb 6

Still using #webpack or other bundlers for your Java/TypeScript projects?

Two more things I came across today which make them less needed:

- css nesting: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Nesting
- importmap: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script/type/importmap

Nice.👍 😎

#JavaScript #TypeScript #css #importmap

CSS nesting - CSS | MDN

The CSS nesting module defines a syntax for nesting selectors, providing the ability to nest one style rule inside another, with the selector of the child rule relative to the selector of the parent rule.

MDN Web Docs

kalvn Jan 18

Un outil pour automatiser l'utilisation des *importmap*, une nouvelle norme HTML qui permet d'améliorer la gestion des dépendances JavaScript externes.

🔗 https://jspm.org/

#JavaScript #HTML #dependances #importmap

JSPM - ES Module Package Manager and CDN

Inautilo Dec 21, 2024

#Development #Approaches
JavaScript Import Maps · A powerful way to handle JS dependencies in the browser https://ilo.im/161i1s

_____
#JavaScript #ImportMap #Dependencies #Browser #VsCode #WebDev #Frontend

JS Import Maps | 12 Days of Web

Learn how Import Maps let you manage JavaScript dependencies directly in the browser without complex bundling tools.

Brandon Zhang 🇨🇳 📷Sep 13, 2024

Here's a short article on how to use #importmap in a #WordPress website.

https://heybran.cn/blog/use-import-map-in-wordpress-website/

How to Use Importmap in a WordPress Website

I have been trying to work on a basic WordPress classic theme without build steps which I can use as a starter theme to maybe develop client sites in future. So I thought I write up a short tutorial on how to use importmap in a WordPress theme.

Brandon Zhang

Habr Jul 4, 2024

Стоит ли игра свеч? Кратко о Single SPA (часть 1)

О проектировании микросервисной архитектуры с использованием фреймворка Single SPA и технологиях, связанных с его использованием. Читать далее...

https://habr.com/ru/articles/826590/

#микросервисы #single_spa #javascript #микрофронтенды #webразработка #vite #importmap #systemjs #esmoduleshims #полифиллы

Стоит ли игра свеч? Кратко о Single SPA (часть 1)

У вас возникнет вопрос, а почему вообще стоит уделить свое внимание данному фреймворку? Давайте разбираться! В какой-то момент наш монолитный проект админки вырос до невероятных масштабов,...

Хабр

Brandon Zhang 🇨🇳 📷May 16, 2024

Heard about some projects in Ruby world is already using #ImportMap on production. So I started to refactor parts of my vanilla #JavaScript project to switch from #Vite to use import map. Not finished yet but no build feels really really great. I will share the project once it’s presentable.

#UseThePlatform

Juan Mar 24, 2024

Very nice tool to generate importmaps: - online: https://generator.jspm.io/#U2NhYGBkDM0rySzJSU1hKEpNTC7RTcnPdTC00DPSM9BPzslMzSsBAFd6bv8mAA
- library: https://jspm.org/docs/generator/stable/

There's also a CLI.

#dev #js #importmap #frontend #webdev

Import Map Generator

Generate an import map to load any third party dependencies from the JSPM.IO CDN

Etienne van Delden de la Haije Feb 14, 2024

I couldn't find a guide that explains how to configure a #rubygem so you can #importmap JS files into your #rails app, when the JS is in a gem.

So I wrote a blogpost on it!
https://www.eirvandelden.com/developing/2024/02/13/importmap-js-from-a-gem.html

Credit goes to Alex on Stack overflow https://stackoverflow.com/users/207090/alex
If anyone knows who he is on, please mention him, because I could not have figured this out without his awesome and very complete answers!

Import JS files from a Gem, `using importmap-rails`

Rails has been going through a lot of changes throughout the years, especially the frontend. Where once Sprockets was “good” enough, we eventually needed a J...

Depfu.com Nov 9, 2023

Been neglecting both this account and also our Blog a bit, but we're working on it.

First bit of old, but now blogged news (and we all know a feature doesn't exist if it isn't blogged about, right?): Depfu now supports #rails' #importmap thing. It's a bit of a mess, but more details in the blog post:

https://depfu.com/blog/support-for-importmap

Support for import maps in Rails - Depfu Blog

Depfu can now update dependencies for import maps in Rails.

Depfu Blog