mixins Magento 2.1.1로 위젯 기능을 다시 쓰는 방법

우리는 swatch-renderer.js

이 파일에는 몇 가지 위젯이 있습니다.

....
    $.widget('mage.SwatchRenderer', {
....

    /**
     * @private
     */
    _init: function () {
        if (this.options.jsonConfig !== '' && this.options.jsonSwatchConfig !== '') {
            this._sortAttributes();
            this._RenderControls();
        } else {
            console.log('SwatchRenderer: No input data received');
        }
    },

    /**
     * @private
     */
    _sortAttributes: function () {
        this.options.jsonConfig.attributes = _.sortBy(this.options.jsonConfig.attributes, function (attribute) {
            return attribute.position;
        });
    },

그 기능 중 일부를 다시 작성하고 싶습니다.

올바른 방법은 무엇입니까?

magento 라이브러리의 설명은 더 이상 실제가 아니며 다른 접근법을 사용하는 클래스에 연결되어 있습니다 (place-order.js / place-order-mixin.js에 대해 말하고 있습니다). 설명 된 예제는 위젯 함수를 다시 작성하는 방법을 설명하지 않습니다.

requirejs-config.js

var config = {
    config: {
        mixins: {
            'Magento_Swatches/js/swatch-renderer': {
                'path/to/your/mixin': true
            }
        }
    }
};

경로 /to/your/mixin.js

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

    return function (widget) {

        $.widget('mage.SwatchRenderer', widget, {
            _Rebuild: function () {
                console.log('Hello from rebuild', arguments);
                return this._super();
            }
        });

        return $.mage.SwatchRenderer;
    }
});

편집 : 내 대답은 mixin을 사용하지 않습니다. 내 지식으로는 믹스 인은 메소드 재 작성 및 속성에서만 작동합니다. 귀하의 경우 순수한 JS는 메소드 외부에서 직접 호출됩니다.

모듈을 통해 할 수 있습니다.

다음 Vendor/Module/view/frontend/requirejs-config.js을 추가 할 수 있습니다.

var config = {
    map: {
        '*': {
            'Magento_Swatches/js/swatch-renderer':'Vendor_Module/js/swatch-renderer'
        }
    }
};

그런 다음 Vendor/Module/view/frontend/web/js/swatch-renderer.js원본 파일을 복사 하여 파일을 만들고 swatch-renderer.js원하는 작업에 따라 내용을 수정할 수 있습니다.