mikaeljorhult / hydrofon

Equipment booking system.
MIT License
23 stars 11 forks source link

Migrate from Laravel Mix to Vite #115

Closed mikaeljorhult closed 2 years ago

mikaeljorhult commented 2 years ago

This pull request includes changes for migrating from Laravel Mix to Vite outlined in Migration Guide and automated by the Vite Converter.

Before merging, you need to:

Please send your feedback to shift@laravelshift.com or share the good vibes on Twitter.

mikaeljorhult commented 2 years ago

:x: Shift did not remove some of the previous npm scripts running mix commands as they appeared to be customized. You should review the scripts configured in your package.json file and update any custom commands to use vite.

mikaeljorhult commented 2 years ago

:information_source: Previously, Laravel configured several npm scripts for building assets. For Vite, Laravel configures a dev script for generating and watching your assets (for development) and build script for generating your assets (for production).

Shift attempted to replace commands using these scripts with their new Vite script. However, you may still be referencing these scripts in your code or in deployment scripts.

mikaeljorhult commented 2 years ago

:information_source: Vite requires JavaScript files containing JSX to have a .jsx file extension. Shift did not detect any JSX in files with a .js extension under the resources folder. However, if you are using JSX, be sure the files have a .jsx extension.

mikaeljorhult commented 2 years ago

:warning: Vite generates frontend assets to the public/build folder. This folder is not tracked by Git within a default Laravel project. As such, Shift added this folder to your .gitignore file.

If you wish to track the generated frontend assets within your project, such as for ease of deployment, you may undo this commit by running git revert e92e955f.

mikaeljorhult commented 2 years ago

:alembic: This Shift is still being refined. Please report any issues or suggestions to shift@laravelshift.com. Your feedback is what helps improve the experience for everyone.