Magento2 - Cara memperluas widget jQuery (configureable.js)

Saya membuat ekstensi yang menggantikan label opsi yang dapat dikonfigurasi default 'Pilih Opsi ...' dengan nama atribut, misalnya 'Pilih Warna ...'.

Bagaimana saya bisa memperpanjang (tidak menimpa!) Widget jQuery configurable.js dan hanya memodifikasi baris ini?

Saya tahu dari dokumentasi bahwa saya bisa mengganti widget jQuery, jadi saya lakukan:

define([
    'jquery',
    'jquery/ui',
    'configurable' // usually widget can be found in /lib/web/mage dir
], function($){

    $.widget('silvan.configurable', $.mage.configurable, {

    });

    return $.silvan.configurable;
});

Bagaimana saya bisa menginisialisasi file ini? Haruskah saya memuatnya melalui requireejs-config? Fungsi peta hanya untuk meng-override kan?

Apakah mungkin untuk hanya memodifikasi baris ini? Disebut dari fungsi ini:

_fillSelect: function (element) {}

Pertama, Anda perlu memastikan, bahwa modul Anda memiliki Magento_ConfigurableProducturutan module.xml:

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
    <module name="Vendor_ModuleName" setup_version="1.0.0">
        <sequence>
            <module name="Magento_ConfigurableProduct"/>
        </sequence>
    </module>
</config>

Pastikan untuk membuat ulang daftar komponen config.php, jika tidak urutannya akan diabaikan ( http://devdocs.magento.com/guides/v2.2/extension-dev-guide/build/module-load-order.html )

Kemudian tambahkan requirejs-config.jsfile dalam view/frontenddirektori dengan kode:

var config = {
    map: {
        '*': {
            configurable: 'Vendor_ModuleName/js/configurable'
        }
    }
};

Akhirnya tambahkan configurable.jsfile dalam view/frontend/web/jsdirektori dengan:

define([
    'jquery',
    'jquery/ui',
    'Magento_ConfigurableProduct/js/configurable'
], function($){

    $.widget('silvan.configurable', $.mage.configurable, {
        //code you want to override
    });

    return $.silvan.configurable;
});

Anda tidak dapat memodifikasi satu baris, tetapi Anda dapat memodifikasi satu fungsi di dalamnya.