atkins/importmap

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

Maintainers

Details

github.com/colinatkins/importmap

Homepage

Source

Issues

Documentation

Installs: 24

Dependents: 1

Suggesters: 0

Security: 0

Stars: 0

Watchers: 1

Forks: 0

Open Issues: 0

Type:typo3-cms-extension

0.1.5 2025-07-08 05:24 UTC

Requires

GPL-2.0-or-later 3624e80482ebe0eaafdb9907406fde70aa696c74

requirejscommonjsTYPO3 CMSwebpackImportmapES modules

This package is auto-updated.

Last update: 2025-07-08 05:25:26 UTC

README

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

Getting started

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

composer require atkins/importmap

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

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()