Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

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?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

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.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(