Download the PHP package crazy252/typo3_vite without Composer
On this page you can find all versions of the php package crazy252/typo3_vite. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package typo3_vite
Typo3 + Vite.js
This open source project provides a bridge between Vite.js and Typo3 to make development and deployment of modern web applications easier and more efficient. It allows Typo3 users to leverage the power of Vite.js's fast and modular development experience in their projects. It offers an easy-to-use interface for integrating Vite.js into Typo3 and enables developers to take full advantage of Vite.js's modern features, such as hot module replacement, tree-shaking, and code splitting. It's a perfect way to give your Typo3 project the modern web development experience it deserves!
Setup
Add a package.json file to your extension or add the following dependencies to your file.
Add a vite.config.js file to your extension. If you don't use ddev as environment you can remove the https object in the config.
You are free to change the input and output paths and the alias. If you change the paths, you also need to change your paths in the typoscript configuration.
Extend your TypoScript with your configuration. You can use the template setup in the backend or your setup.typoscript file for that.
The port need to be the same as in the vite.config.js.
Add the viewhelpers in your page template to use your bundled files. The entry is the filename of the input files from the vite.config.js.
And now it's done. Start the dev server in your extension folder via yarn dev or other javascript package managers.
After that, you can view your site with the ?no_cache=1 and you got the full power of vite.js in typo3!
React setup
If you want to use react in your frontend, you need to add the following viewhelper in your page template.
Extension setup
If you want to change the domain, url, timeout and other settings you can change it via the typoscript setup. Here are the possible settings with the default values.
DDEV setup
If you use ddev as environment, you need to extend ddev with a port for the vite dev server. Create a file in the .ddev folder named docker-compose.ports.yaml and add the following content.
