What is the reason / benefit of running and exporting demo via node?

Not sure what I'm missing - but I don't understand the following two issues:

1. the need for setting up and running the template from node.
- If I can run the demo by clicking the index.html in the dist folder, so why do I need to set up node and run the demo via localhost?

2. the need to export the demo from Layout Builder
- if I can copy paste the required pages from the dist folder and customise per /documentation/getting-started/customization/sass.html, why the extra steps in a couple of minor customisations via the Layout Builder?
- what is the major benefit for exporting, the documentation indicates it results in smaller packages - is the main point to eliminate any components that aren't selected in the Layout Builder?

I'm assuming there must be some more benefits that I've not understood.

I would appreciate any help to point me in the right direction to understand the benefit of these extra steps.

Thanks

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 (3)

Hi,

1. The NPM/Gulp/Webpack ext tools are used in your dev environment only to compile the CSS files and minify the js files from the source folder. In production, you will use the compiled assets, no need to set up the built tools. The build tools are used to optimize the development process.

2. The layout builder helps to export the partials of the page for your server-side integration.

For more info about using Metronic please check the Theme Documentation
and Video Tutorials

Regards.

Hey Sean

Thanks for this clarification. First time using Gulp/etc, and wasn't certain if it was for assets only, or if I had messed up my usage and going bonkers looking through the documentation.

Much appreciated for your support.

Cheers

All the best with your project. If you need any further help please let us know

Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.
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  :(