How to Exclude Custom Module JS from Minification of JS in Magento 2

Exclude Custom Module JS from Minification of JS in Magento 2

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 when the developer mode is on.

magento 2 javascript minification

Note: If the store is in Production mode, the above option will not be visible.

When “Minify JavaScript Files” is turned on, Magento 2 adds .min to the script.

Javascript minified files

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’s downloaded and processed and thus, improves the page load time.

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.

3rd party minified javascript error

To exclude custom module JS from Minification of Js in Magento 2, use the below solution.

Steps to Exclude Custom Module Js from Minification of JS in Magento 2:

  1. Create di.xml file at Vendor\Extension\etc directory
  2. Create file ExcludeFilesFromMinification.php at Vendor\Extension\Plugin directory

That’s 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.

For which custom module or 3rd party JavaScript files you implemented the above solution? Don’t forget to share your queries and suggestions in the comment section below. Share the article with your fellow Magento peeps if you liked the solution.

Get Weekly Updates

Never miss Magento tips, tricks, tutorials, and news.

Thank you for subscribing.

Something went wrong.

(based on 8 Reviews)

Sanjay is a co-founder at Meetanshi. He is a Certified Magento Developer who loves creating Magento E-commerce solutions. Owing to his contributions in Magento Forums and posting solutions, he is among the top 50 contributors of the Magento community in 2019. When he is not engrossed with anything related to Magento, he loves to play cricket.

2 comments On How to Exclude Custom Module JS from Minification of JS in Magento 2

Leave a reply:

Your email address will not be published.