How To Merge JavaScript & CSS in Magento 2.x

The following below admin setting required to enable to merge JavaScript & CSS in Magento 2.x

Step [1] – Go To STORES > Configuration, redirects on configuration.

Step [2] – on the Configuration panel Click on Advance > Developer

Right Panel Tab display as below

Click on Right Panel tab Java Script Settings & CSS Settings

_{Step [2.1] –  Java Script Settings Panel}

_{Once expanded Java Script Settings Tab}

• _{Merge JavaScript Files by default selected No}
• _{Enable JavaScript Bundling by default selected No}
• _{Minify JavaScript Files by default selected No}

_{Step [2.1.1] –  Once expanded Java Script Settings Panel}

_{Merge JavaScript Files need to select Yes
Enable JavaScript Bundling need to select Yes
Minify JavaScript Files need to select Yes}

_{Step [2.2] – CSS Settings Panel}

_{Once expanded CSS Script Settings Tab}

• _{Merge CSS Files by default selected No}
• _{Minify CSS Files by default selected No}

_{Step [2.2.1] –  Once expanded CSS Script Settings Panel}

_{Merge CSS Files need to select Yes
Minify CSS Files need to select Yes}

Step [3] – Finally, Click on Save Config Button & run CLI command Flush & Index command

php bin/magento indexer:reindex
php bin/magento cache:clean
php bin/magento cache:flush

Step [4] – Finally, View Source Home any page, you can see JS & CSS has been done Merge & Minify