{"id":757,"date":"2020-01-09T09:57:21","date_gmt":"2020-01-09T09:57:21","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/2020\/01\/09\/exclude-custom-module-js-from-minification-of-js-magento-2\/"},"modified":"2025-05-21T17:56:21","modified_gmt":"2025-05-21T12:26:21","slug":"exclude-custom-module-js-from-minification-of-js-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/exclude-custom-module-js-from-minification-of-js-magento-2\/","title":{"rendered":"How to Exclude Custom Module JS from Minification of JS in Magento 2"},"content":{"rendered":"\n

JavaScript minification in Magento 2 deletes odd components like spaces or symbols from JS files to decrease the size of the code and to improve the website load time. To minify JavaScript from Magento 2 backend, go to Stores > Configuration > Advanced > Developer <\/strong>when the developer mode is on.<\/p>\n\n\n\n

\"magento<\/figure>\n\n\n\n

Note:<\/strong> If the store is in Production mode, the above option will not be visible.<\/p>\n\n\n\n

When \u201cMinify JavaScript Files\u201d is turned on, Magento 2 adds .min to the script.<\/p>\n\n\n\n

\"Javascript<\/figure>\n\n\n\n

The core benefit of minifying Js is to reduce the number of characters in the code, and therefore the size of the resulting file. The smaller the file, the faster it\u2019s downloaded and processed and thus, improves the page load time.<\/p>\n\n\n\n

Now, when Javascript minification is on from the backend, it minifies the custom module as well as 3rd party Js files as well. Which adds .min file for the custom module files and as such file is not available in the 3rd party API server, it throws 404 error.<\/p>\n\n\n\n

\"3rd<\/figure>\n\n\n\n

To exclude custom module JS from Minification of Js in Magento 2, use the below solution.<\/p>\n\n\n\n

Steps to Exclude Custom Module Js from Minification of JS in Magento 2:<\/h2>\n\n\n\n

1. Create di.xml<\/strong> file at Vendor\\Extension\\etc<\/strong><\/strong> directory<\/p>\n\n\n\n

<?xml version=\"1.0\"?>\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:ObjectManager\/etc\/config.xsd\">\n    <type name=\"Magento\\Framework\\View\\Asset\\Minification\">\n        <plugin name=\"my-exclude-Extension\" type=\"Vendor\\Extension\\Plugin\\ExcludeFilesFromMinification\" \/>\n    <\/type>\n<\/config><\/pre>\n\n\n\n
2. Create file ExcludeFilesFromMinification.php<\/strong> at Vendor\\Extension\\Plugin<\/strong> directory<\/p>\n\n\n\n
<?php\n\nnamespace Vendor\\Extension\\Plugin;\nuse Magento\\Framework\\View\\Asset\\Minification;\n\nclass ExcludeFilesFromMinification\n{\n    public function aroundGetExcludes(Minification $subject, callable $proceed, $contentType)\n    {\n        $result = $proceed($contentType);\n        if ($contentType != 'js') {\n            return $result;\n        }\n        $result[] = 'your file path'; \/\/ for e.g https:\/\/www.google.com\/recaptcha\/api.js'\n        return $result;\n    }\n}<\/pre>\n\n\n\n
That\u2019s all about excluding 3rd party js files from minification. After implementing the above code, your custom module js files will be excluded from the minification and you will no longer get 404 error for the js files. You can also have a look at Magento website audit checklist<\/a> to make your website perform well in all possible ways.<\/p>\n","protected":false},"excerpt":{"rendered":"
JavaScript minification in Magento 2 deletes odd components like spaces or symbols from JS files to decrease the size of the code and to improve the website load…<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-757","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=757"}],"version-history":[{"count":3,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/757\/revisions"}],"predecessor-version":[{"id":14006,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/757\/revisions\/14006"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=757"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=757"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}