Overriding magento core scripts.js file: Magento 2

Question

In our custom module, we have pages similar to the order page. We need some changes in the scripts.js file only in those custom module pages. Following is the core file we are using is

module-sales/view/adminhtml/web/order/create/scripts.js .

In order to override we added requirejs-config.js in the following location

app/code/[Namespace]/[Module]/view/adminhtml/requirejs-config.js

with the following content

var config = {
    map: {
        '*': {
            'Magento_Sales/order/create/scripts': 'Namespace_Module/js/scripts',
        }
    }
};

We copied the scripts.js file in the custom file scripts.js in the following location

Namespace/Module/view/adminhtml/web/js/scripts.js

The custom module pages are working as we expected. But the modifications are affecting not only in custom module pages but also in the Magento pages also.

Please, can anyone help?

Answer 1

When you are overriding script.js using requirejs-config.js it's not only works for your custom module but whenever that core script.js will be called your custom js will be called instead od core script.js.

So if you want to use that script.js code into your custom module only, You have to create your own custom js same as script.js because override means you replaced js code with your own js for whole Magento.

'Magento_Sales/order/create/scripts': 'Namespace_Module/js/scripts', means you are overriding core js file so when Magento tries to call Magento_Sales/order/create/scripts, your 'Namespace_Module/js/scripts will be called.

If you want to create your own js file you have to give custom reference name to your js file in requirejs-config.js like: 'myscript': 'Namespace_Module/js/scripts',