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(5mo ago)01251GPL-2.0-or-laterPHP

Since Oct 1Pushed 5mo 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 1mo 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

34

—

LowBetter than 77% of packages

Maintenance71

Regular maintenance activity

Popularity12

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

162d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/5fd0da54b69c15d4964484de604f904d9cd43f55a214a1d4bdc3e9f92cad4c37?d=identicon)[atkins](/maintainers/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

[maba/webpack-bundle

Bundle to Integrate Webpack to Symfony

123268.2k4](/packages/maba-webpack-bundle)[derhansen/sf_event_mgt

Configurable event management and registration extension based on ExtBase and Fluid

64313.9k6](/packages/derhansen-sf-event-mgt)[brotkrueml/schema

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

33584.6k13](/packages/brotkrueml-schema)[causal/extractor

This extension detects and extracts metadata (EXIF / IPTC / XMP / ...) from potentially thousand different file types (such as MS Word/Powerpoint/Excel documents, PDF and images) and bring them automatically and natively to TYPO3 when uploading assets. Works with built-in PHP functions but takes advantage of Apache Tika and other external tools for enhanced metadata extraction.

16244.5k](/packages/causal-extractor)[typo3-themes/themes

TYPO3 THEMES

3642.6k2](/packages/typo3-themes-themes)[jweiland/events2

Events 2 - Create single and recurring events

2062.4k2](/packages/jweiland-events2)

PHPackages © 2026

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