I have a question about how to select and use a design.
Hello...
I'm using npm install->yarn->gulp->gulp localhost
to complete the installation.
And successfully executed http://localhost:8080/demo26/dist/index.html.
And I'm trying to partially take the metronic design and use only what I want.
But there is too much css code, too many js files and too much html code.
Is there any convenient way to just pick out the design I want and use it?
Replies (1)
Hi,
You can use Metronic's Layout Builder to export your preferred layout partials and use them in your backend code to generate the page's layout. The assets you can plugin from the demo26's assets folder. You can refer Video Tutorial for more info.
We use the bundle method for the best performance and quicker page loading its better to include all core plugins at once within a single bundle rather than loading each plugin separately within different HTTP requests. The bundle file is loaded once and all subsequences loads are taken from the user browser cache.
To reduce the bundle size and remove unused plugins please refer to this post.
All mandatory js/sass files are located in src/js and src/sass folders so you should keep them for build purposes.
You can also refer to the HTML's head and bottom part to learn which css/js is mandatory or can be removed.
Most of the media files(images, etc) are used for demo purposes only so you can remove them as well.
If you need any further clarifications please let us know.
Regards.
