Magento 2でJSを拡張/オーバーライドする

Magento2はスクリプトの読み込みにRequireJSを使用しており、スキンフォルダーがなくなったため、問題が発生しました。

変更したバージョンでMagentoのモジュールJSファイルを置き換えるにはどうすればよいですか？

たとえば、Magento_Checkout拡張機能に属するopc-checkout-method.jsです。私が見る限り、それはrequirejs-config.jsファイルで定義されていません。

私の拡張機能はMagento_Checkoutの後にロードされるため、requirejs-config.jsデータは、結果のrequirejs-configファイルの最後に追加されます。

または、スクリプト全体を置き換えることなく、他の方法でそれを行う必要がありますか？

スキンフォルダーはありませんが、テーマは引き続き使用できます。

概念実証として、op-checkout-method.jsこれとこの例を使用しました。

前提条件：

• Magento2-beta11がインストールされている
• デフォルトのテーマがアクティブ（空白）。
• pub/staticフォルダーにファイルが生成されません（pub / static / frontendフォルダーを削除します）

行動：

• op-checkout-method.jsモジュールの場所app/code/Magento/Checkout/view/frontend/web/js/opc-checkout-method.jsから空のテーマにファイルをコピーしてapp/design/frontend/Magento/blank/Magento_Checkout/web/js/opc-checkout-method.js
• クローンファイルを編集して、コメントを追加console.log('something')またはalert('something')で_createの機能mage.opcCheckoutMethodウィジェット。
• ブラウザのキャッシュをクリアしました。

結果：

• チェックアウトページが読み込まれると、アラートが表示されるか、コンソールにテキストが記録されます。

関連情報：

cli php dev/tools/Magento/Tools/View/deploy.php（静的リソースを公開するスクリプト）から実行する場合、新しいjsファイルはpub/static/frontend/Magento/blank/en_US/Magento_Checkout/js/opc-checkout-method.js

[編集]

モジュールを介してそれを行う方法を見つけました。

これに[Namespace]/[Module]/view/frontend/requirejs-config.js追加：

var config = {
    map: {
        '*': {
            'Magento_Checkout/js/opc-checkout-method':'[Namespace]_[Module]/js/opc-checkout-method'
        }
    }
};

次に[Namespace]/[Module]/view/frontend/web/js/opc-checkout-method.js、コンテンツを含むファイルを作成します。

テストのために、元のファイルを複製console.logし、_create関数に再度追加しました。

フロントエンドのパブリックリソースを再生成することも忘れないでください。

デフォルトのJSコンポーネントの拡張/置換に関する公式ドキュメントは次のとおりです。http： //devdocs.magento.com/guides/v2.0/javascript-dev-guide/javascript/custom_js.html

フィードバックは大歓迎です！