{"id":15532,"date":"2018-04-05T00:34:12","date_gmt":"2018-04-05T07:34:12","guid":{"rendered":"https:\/\/www.exoplatform.com\/blog\/?p=15532"},"modified":"2023-07-06T00:35:28","modified_gmt":"2023-07-05T22:35:28","slug":"new-javascript-minification-disabling-option-in-exo-platform-5-0","status":"publish","type":"post","link":"https:\/\/www.exoplatform.com\/blog\/new-javascript-minification-disabling-option-in-exo-platform-5-0\/","title":{"rendered":"New Javascript minification disabling option in eXo Platform 5.0"},"content":{"rendered":"

Thanks to its built-in Javascript module support<\/a>, eXo Platform<\/strong> allows to easily integrate any custom or third-party Javascript. The script must be declared in the file WEB-INF\/gatein-resources.xml of your extension webapp<\/strong>:<\/p>\n

<module>\n    <name>myscript<\/name>\n    <script>\n        <path>\/javascript\/myscript.js<\/path>\n    <\/script>\n<\/module><\/pre>\n
and can then be injected in any other page, portlet or other script:<\/p>\n
(function(myscript) {\n    myscript.doWhateverYouWant();\n    ...\n})(myscript);<\/pre>\n
The declared javascript files are automatically minified to reduce their size and therefore the size of resources fetched in web pages. This is a good practice but it can cause issues when the script is not compatible with the minifier used in eXo Platform<\/strong> (Google Closure Compiler<\/a>). For example, this issue has been discovered for React.js (chapter \u201cIncompatibility with the GateIn minifier\u201d)<\/a>.
\nIn eXo Platform 5.0 we added a new option in the Javascript module configuration to disable the minification: minify<\/i>. The default value is set to true to keep backward compatibility.<\/p>\n
<module>\n    <name>myscript<\/name>\n    <script>\n        <minify>false<\/minify>\n        <path>\/javascript\/myscript.js<\/path>\n    <\/script>\n<\/module><\/pre>\n
When the minify<\/i> option is set to false, the script is injected as is, without any alteration. It allows to package your already minified script<\/strong>, with the source map files, using your favorite tool (webpack, \u2026).<\/p>\n
We believe this will make third parties\u2019 Javascript libraries<\/strong> easier to integrate and therefore improve the developers\u2019 experience<\/strong>.<\/p>\n
\n
\n
\n

\n\"Join
\n<\/a><\/div>\n
\n
Join The eXo Tribe<\/a><\/div>\n

\nRegister for our Community to Get updates, tutorials, support, and access to the Platform and add-on downloads. Sign in Now!<\/strong>
\n<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Thanks to its built-in Javascript module support, eXo Platform allows to easily integrate any custom or third-party Javascript. The script must be declared in the file WEB-INF\/gatein-resources.xml of your extension webapp: <module> <name>myscript<\/name> <script> <path>\/javascript\/myscript.js<\/path> <\/script> <\/module> and can then be injected in any other page, portlet or other script: (function(myscript) { myscript.doWhateverYouWant(); … })(myscript); […]","protected":false},"author":7,"featured_media":15533,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"image","meta":[],"categories":[819],"tags":[606,711,827],"lang":"en","translations":{"en":15532},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/posts\/15532"}],"collection":[{"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/comments?post=15532"}],"version-history":[{"count":0,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/posts\/15532\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/media\/15533"}],"wp:attachment":[{"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/media?parent=15532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/categories?post=15532"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/tags?post=15532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}