atkins/importmap

在TYPO3 CMS中轻松导入JavaScript ES模块，无需使用Webpack之类的打包器

维护者

详细信息

github.com/colinatkins/importmap

主页

源代码

问题

文档

安装: 14

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

开放问题: 0

类型:typo3-cms-extension

0.1.0 2023-10-01 18:08 UTC

Requires

GPL-2.0-or-later a3c3073e66b9f70442a3de006f6e04c0b12d801a

requirejscommonjsTYPO3 CMSwebpackImportmapES modules

This package is auto-updated.

Last update: 2024-09-07 15:53:40 UTC

README

在TYPO3前端中，无需使用Webpack之类的打包器，即可轻松导入JavaScript ES模块。

入门指南

使用以下命令通过composer安装importmap，或从扩展仓库安装它

composer require atkins/importmap

配置

在您的TypoScript页面对象中指定一个importmap，例如：

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
    }
}

始终确保指定"application"模块键的路径，因为它总是用于启动您的JavaScript应用程序。您应始终使用相对于您的提供者扩展的Public文件夹的相对路径。您可以在EXT:pagedoctor_starter扩展中查看一个工作示例这里。

用法

在您的根应用程序.js文件的顶部添加一个导入语句以导入模块

import ModuleName from 'moduleKey'

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