atkins / importmap
Easily import your JavaScript ES modules without the need of a bundler like Webpack within the TYPO3 CMS
Installs: 17
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Type:typo3-cms-extension
Requires
- typo3/cms-core: ^12.0
This package is auto-updated.
Last update: 2024-12-07 16:26:25 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 to the PAGE-object of your TypoScript e.g.
page = PAGE page.importmap { application { path = EXT:your_extension/Resources/Public/JavaScript/application.js } moduleKey { path = EXT:your_extension/Resources/Public/JavaScript/modules/module-1.2.3.js preload = 1 } }
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. You can check out a working example at the EXT:pagedoctor_starter extension here.
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()