

Your compiled JavaScript will typically be placed in the public/js directory. Within the app.js file you may register your Vue components or, if you prefer a different framework, configure your own JavaScript application. You are not required to use the Bootstrap framework to build your Laravel application - it is provided as a good starting point for those who choose to use it.īefore compiling your CSS, install your project's frontend dependencies using the Node package manager (NPM):īy default, the Laravel file compiles your SASS and the resources/js/app.js file. However, feel free to add or remove packages from the package.json file as needed for your own application. As with CSS, we may use Laravel Mix to easily compile JavaScript components into a single, browser-ready JavaScript file.Īfter installing the laravel/ui Composer package and generating the frontend scaffolding, Laravel's package.json file will include the bootstrap package to help you get started prototyping your application's frontend using Bootstrap. Vue provides an expressive API for building robust JavaScript applications using components. However, Laravel does include some basic scaffolding to make it easier to get started writing modern JavaScript using the Vue library. In fact, you don't have to use JavaScript at all.

Laravel does not require you to use a specific JavaScript framework or library to build your applications. In this document, we will briefly discuss CSS compilation in general however, you should consult the full Laravel Mix documentation for more information on compiling SASS or Less. Laravel Mix provides a clean, expressive API over compiling SASS or Less, which are extensions of plain CSS that add variables, mixins, and other powerful features that make working with CSS much more enjoyable.
