Errors on minifying theme download file

I'm downloading the Metronic site template (v8.1.2) from themeforest and one of the files, the style.bundle.css, can't be minified as the minified file is generated with errors. We've tried some online minifying tools and all give errors. We're coming from v8.0.37 and there the same file can be minified perfectly.

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 Rui Soares

May I if you use build tools other than those provided by Metronic? Or are you using gulp or webpack build tools?

If you use gulp build tools. You can use this command to generate a minified version of assets.

gulp --demo1 --prod

Thanks

Hi there Faizal! Thank you for answering

Yes, we use other tools than those provided by Metronic. We use a Visual Studio extension, Bundler & Minifier 2022+, to minify the .bundle files we get from the Metronic download.

We've used the same process for other Metronic updates before.

Hi,

Could you please try to get the style.bundle.css file from the online site?

https://preview.keenthemes.com/metronic8/demo1/assets/css/style.bundle.css

We tried to compress it with;

https://csscompressor.com/ It seems to work using this site.

result;
image

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  :(
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  :(