arborrow / montserrat

A retreat management application written in Laravel
12 stars 4 forks source link

Migrate from Laravel Mix to Vite #523

Open arborrow opened 2 years ago

arborrow 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.

arborrow 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 automated this change by replacing commands using these scripts with their new Vite script. However, you may still be referencing these scripts in your code or in deployment scripts.

arborrow commented 2 years ago

:warning: Shift detected you are using Vue. As such, Vite recommends importing your CSS from your JavaScript entry point. This will improve you development experience by avoid flashes of unstyled content during hot reloading.

Shift removed your CSS entry point from your Vite configuration. However, you will need to import this CSS in your JavaScript entry point.

arborrow commented 2 years ago

:warning: Shift found files which appeared to contain JSX but had a .js file extension. Vite requires these files to have a .jsx file extension.

While Shift automated this change, you may have additional files which contain JSX or may need to update any imports explicitly referencing the old .js file extension.

arborrow 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.