How do I extend Magento_Checkout/js/checkout-data.js?

Question

How do I extend Magento_Checkout/js/checkout-data.js in a custom theme?

Answer 1

One way to extend it is like this

/*jshint browser:true jquery:true*/
/*global alert*/
define([
    'jquery',
    'Magento_Customer/js/customer-data'
], function ($, storage) {
    'use strict';


    return function (checkoutData) {

        var mixin = {

            myCustomFunction: function() {

            }

        };

        return $.extend(checkoutData, mixin);
    };
});

your require-config.js

var config = {
    'config': {
        'mixins': {
            'Magento_Checkout/js/checkout-data': {
                'Vendor_Module/js/view/checkout-data-mixin': true
            }
        }
    }
}

Answer 2

We can override the js via RequireJs, in your module:

app/code/Vendor/Module/view/frontend/requirejs-config.js

var config = {
    map: {
        '*': {
            'Magento_Checkout/js/checkout-data':
            'Vendor_Module/js/checkout-data'
        }
    }
};

We can read more here.