Explanatory for assets compiling Metronic 8
So I have a Laravel Metronic 8 app and I'm trying to understand how the asset compiling works. There are a lot of folders and a lot of code and directories in resources/assets:
- core
- demo8 (chosen demo)
- extended
Questions:
- What are all these folders?
- Why are core and demo folders so similar?
- How are they being compiled exactly?
For eg. according to webpack.mix.js in line 51 it says "build Metronic css/js". What does this mean? Are these the main js assets? In line 54 it loads the following script:
.scripts(require(./resources/assets/${demo}/js/scripts.js),public/${demo}/js/scripts.bundle.js);
But 'resources/assets/demo8/js/scripts.js' in its turn loads components from 'resources/assets/core' directory. Why is this?
Lastly, I'm asking this because I would like to use Vue, but I have no clue how to install it? I do not want to use it as a SPA, some Vue components would just come in handy for some stuff. Any pointers?
I would appreciate some actual help. Thank you.
Replies (2)
Hi,
-
Those folders are the assets folder from the HTML version as the core. We do this way easier to update.
-
Demo folder is a demo level folder, while the core folder assets are shared assets being used by all demos.
-
Core and demo level assets will be combined.
style.scss and scripts.js are the demo level assets.
'resources/assets/demo8/js/scripts.js' is in the demo8 folder.
You can try to use the Inertia plugin to integrate with Vue. It has been made specifically for Laravel. https://laravel.com/docs/9.x/frontend#using-vue-react
Thanks
ReUI
Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.
