Magento2覆盖现有的JS组件

Question

我想重写现有的magento2 JS组件在我的主题为更多的定制。

Magento_Checkout/js/view/minicart.js

上述JS组件我要重写，我想添加删除按钮事件更多操作。

Answer 1

你可以试试“地图”的要求JS。我用这一点，并为我工作。以下是我的主题里面的requirejs-config.js。

var config = {
    map: {
        '*': {
            'Magento_Checkout/js/view/minicart':'js/custom/minicart'
        }
    }
};

修改minicart.js文件被放置在我的主题中“网络/ JS /自定义”文件夹中。

Answer 2

就到你的主题覆盖Magento_Checkout那里，那么网络文件夹下使路径相同的核心模块，然后添加你的js文件和做必要的更改。这将反映在前端。

Answer 3

您也可以在没有你的模块中覆盖整个文件扩展现有的Magento JS添加要求，config.js

app/code/MyVendor/MyModule/view/frontend/requirejs-config.js

var config = {
    config: {
        mixins: {
            'Magento_Checkout/js/view/minicart': {
                'MyVendor_MyModule/js/minicart': true
            }
        }
    }
};

然后添加minicart.js

app/code/MyVendor/MyModule/view/frontend/web/js/minicart.js

define([], function () {
    'use strict';

    return function (Component) {
        return Component.extend({

            /**
             * @override
             */
            initialize: function () {
                var self = this;

                return this._super();
            },
            MyCustomFunction: function () {
                return "my function";
            }
        });
    }
});