PHPackages                             atkins/importmap - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. atkins/importmap

ActiveTypo3-cms-extension[Utility & Helpers](/categories/utility)

atkins/importmap
================

Easily import your JavaScript ES modules without the need of a bundler like Webpack within the TYPO3 CMS

0.1.6(6mo ago)02291GPL-2.0-or-laterPHP

Since Oct 1Pushed 6mo ago1 watchersCompare

[ Source](https://github.com/colinatkins/importmap)[ Packagist](https://packagist.org/packages/atkins/importmap)[ Docs](https://github.com/colinatkins/importmap)[ RSS](/packages/atkins-importmap/feed)WikiDiscussions master Synced 2d ago

READMEChangelog (4)Dependencies (1)Versions (5)Used By (1)

TYPO3 Extension `importmap`
===========================

[](#typo3-extension-importmap)

Easily import your JavaScript ES modules without the need of a bundler like Webpack within the TYPO3 frontend.

Getting started
---------------

[](#getting-started)

Install importmap with the following command through composer or install it from extension repository:

```
composer require atkins/importmap
```

Configure
---------

[](#configure)

Specify an importmap in your site sets settings.yaml file:

```
page:
  importmap:
    application:
      path: EXT:sitepackage/Resources/Public/JavaScript/application.js
    modules/stimulus:
        path: EXT:sitepackage/Resources/Public/JavaScript/modules/stimulus-3.2.2.js
        preload: 1
        override: '@hotwired/stimulus'
    controllers/hello_controller:
        path: EXT:sitepackage/Resources/Public/JavaScript/controllers/hello_controller.js
```

Always make sure to specify a path for the "application" module key as it is always used to bootstrap your JavaScript application. You should always use a path relative of the Public-folder from your provider extension.

Usage
-----

[](#usage)

Add an import statement to the top of your root application.js file to import the module:

```
import ModuleName from 'moduleKey'

// Use module here...
ModuleName.doSomething()
```

###  Health Score

33

—

LowBetter than 72% of packages

Maintenance66

Regular maintenance activity

Popularity15

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity36

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~265 days

Total

4

Last Release

208d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/168039?v=4)[Atkins Meyer](/maintainers/atkins)[@atkins](https://github.com/atkins)

---

Top Contributors

[![colinatkins](https://avatars.githubusercontent.com/u/3305205?v=4)](https://github.com/colinatkins "colinatkins (6 commits)")

---

Tags

TYPO3 CMSwebpackrequirejscommonjsImportmapES modules

### Embed Badge

![Health badge](/badges/atkins-importmap/health.svg)

```
[![Health](https://phpackages.com/badges/atkins-importmap/health.svg)](https://phpackages.com/packages/atkins-importmap)
```

###  Alternatives

[friendsoftypo3/content-blocks

TYPO3 CMS Content Blocks - Content Types API | Define reusable components via YAML

103519.9k53](/packages/friendsoftypo3-content-blocks)[derhansen/sf_event_mgt

Event management and registration - Configurable event management and registration extension based on ExtBase and Fluid

66338.4k10](/packages/derhansen-sf-event-mgt)[brotkrueml/schema

Embedding schema.org vocabulary - API and view helpers for schema.org markup

34653.7k16](/packages/brotkrueml-schema)[yoast-seo-for-typo3/yoast_seo

Yoast SEO for TYPO3

511.7M9](/packages/yoast-seo-for-typo3-yoast-seo)[jweiland/events2

Events 2 - Create single and recurring events

2166.7k3](/packages/jweiland-events2)[t3sbs/t3sbootstrap

Startup extension to use bootstrap 5 classes, components and more out of the box. Example and info: \[www.t3sbootstrap.de\](https://www.t3sbootstrap.de)

2416.4k](/packages/t3sbs-t3sbootstrap)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)