https://github.com/s2b/vite-asset-collector

Bundle your TYPO3 frontend assets with Vite
https://github.com/s2b/vite-asset-collector

build fluid frontend typo3 viewhelper vite watcher

Last synced: 7 months ago
JSON representation

Bundle your TYPO3 frontend assets with Vite

• Host: GitHub
• URL: https://github.com/s2b/vite-asset-collector
• Owner: s2b
• License: gpl-2.0
• Created: 2023-05-04T16:14:53.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-02-25T15:32:28.000Z (8 months ago)
• Last Synced: 2025-03-28T12:01:45.098Z (7 months ago)
• Topics: build, fluid, frontend, typo3, viewhelper, vite, watcher
• Language: PHP
• Homepage:
• Size: 179 KB
• Stars: 44
• Watchers: 4
• Forks: 16
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• fucking-awesome-vite - vite-asset-collector for TYPO3 - Backend integration for TYPO3 CMS. (Integrations with Backends / TYPO3 CMS)
• awesome-vite - vite-asset-collector for TYPO3 - Backend integration for TYPO3 CMS. (Integrations with Backends / TYPO3 CMS)

README

          
# Vite AssetCollector for TYPO3

[![Maintainability](https://api.codeclimate.com/v1/badges/161b455fe0abc70be677/maintainability)](https://codeclimate.com/github/s2b/vite-asset-collector/maintainability)

[![Test Coverage](https://api.codeclimate.com/v1/badges/161b455fe0abc70be677/test_coverage)](https://codeclimate.com/github/s2b/vite-asset-collector/test_coverage)

[![tests](https://github.com/s2b/vite-asset-collector/actions/workflows/tests.yaml/badge.svg)](https://github.com/s2b/vite-asset-collector/actions/workflows/tests.yaml)

[![Total downloads](https://typo3-badges.dev/badge/vite_assetcollector/downloads/shields.svg)](https://extensions.typo3.org/extension/vite_asset_collector)

[![TYPO3 versions](https://typo3-badges.dev/badge/vite_assetcollector/typo3/shields.svg)](https://extensions.typo3.org/extension/vite_asset_collector)

[![Latest version](https://typo3-badges.dev/badge/vite_assetcollector/version/shields.svg)](https://extensions.typo3.org/extension/vite_asset_collector)

Vite AssetCollector allows you to use the modern frontend bundler **[vite](https://vitejs.dev/)**

to build your TYPO3 project's frontend assets.

## Documentation

**[Documentation on docs.typo3.org](https://docs.typo3.org/p/praetorius/vite-asset-collector/main/en-us/)**

### tl;dr

```sh

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 `` to template

* Run vite server

* Have fun!

## Discussion & Support

You can join **[#vite on TYPO3 Slack](https://typo3.slack.com/app_redirect?channel=vite)**

to discuss anything about vite and TYPO3.

Feel free to **[contact me directly](mailto:moin@praetorius.me)** if you are interested

in a (paid) workshop to introduce vite to your TYPO3 projects.