Magento2-如何扩展jQuery小部件（configurable.js）

我正在创建一个扩展，用属性名称替换默认的可配置选项标签“选择选项...”，例如“选择颜色...”。

如何扩展（而不是覆盖！）jQuery小部件configurable.js并仅修改此行？

我从文档中知道可以覆盖jQuery小部件，因此我做到了：

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

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

    });

    return $.silvan.configurable;
});

如何初始化该文件？我应该通过requirejs-config加载它吗？地图功能仅适用于覆盖吗？

是否只能修改此行？从此函数调用：

_fillSelect: function (element) {}

首先，您需要确保模块Magento_ConfigurableProduct顺序为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>

确保重新生成中的组件列表config.php，否则该序列将被忽略（http://devdocs.magento.com/guides/v2.2/extension-dev-guide/build/module-load-order.html）

然后使用以下代码requirejs-config.js在view/frontend目录中添加文件：

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

最后使用以下configurable.js命令在view/frontend/web/js目录中添加文件：

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

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

    return $.silvan.configurable;
});

您无法修改单行，但可以在其中修改单个函数。