/
Updating Frontend Dependencies

Updating Frontend Dependencies

1. Updating Frontend Dependencies

Do not manually download, beautify, chmod, or replace Bootstrap/jQuery vendor files. The former instructions were obsolete and unsafe.

1.1. Source of truth

  • package.json and package-lock.json — dependency versions

  • webpack.mix.js and module Mix configs — asset compilation/copying

  • resources/js/ and resources/css/ — source assets

1.2. Update process

  1. Update dependencies through npm on a dedicated branch

  2. Review release notes and breaking changes

  3. Run npm install and commit the lockfile change

  4. Build with npm run dev and npm run prod

  5. Test Base MVC CRUD, admin navigation, DataTables, Livewire, and affected module UIs

1.3. Constraints

Bootstrap 4, jQuery, Vue 3, Livewire 3, Alpine, and Tailwind coexist. A dependency upgrade can affect multiple generations of UI, so avoid opportunistic major-version upgrades.

Comments