praetorius/vite-asset-collector

Use AssetCollector to embed frontend assets generated by vite

1.13.0 2024-11-14 17:21 UTC

Requires

• php: >=8.2
• symfony/console: ^6.4 || ^7.0
• typo3/cms-core: ^13.4 || ^12.4 || dev-main
• typo3/cms-fluid: ^13.4 || ^12.4 || dev-main

Requires (Dev)

• editorconfig-checker/editorconfig-checker: ^10.6
• phpstan/phpstan: ^1.12
• phpunit/phpunit: ^11.4 || ^10.5
• saschaegerer/phpstan-typo3: ^1.10
• typo3/coding-standards: ^0.8
• typo3/testing-framework: ^8.0 || dev-main

Suggests

• t3docs/fluid-documentation-generator: To update ViewHelper documentation with doc:viewhelpers

GPL-2.0-or-later

README

Vite AssetCollector allows you to use the modern frontend bundler vite to build your TYPO3 project's frontend assets.

Documentation

Documentation on docs.typo3.org

tl;dr

composer req praetorius/vite-asset-collector
npm install --save-dev vite vite-plugin-typo3

• Include PlugIn in vite config
• Add Configuration/ViteEntrypoints.json to extension(s)
• Add <vac:asset.vite /> to template
• Run vite server
• Have fun!

Discussion & Support

You can join #vite on TYPO3 Slack to discuss anything about vite and TYPO3.

Feel free to contact me directly if you are interested in a (paid) workshop to introduce vite to your TYPO3 projects.