Magento2 モジュールにカスタム JS を追加-jsチュートリアル-php.cn

Magento2 モジュールにカスタム JS を追加

不言

リリース： 2018-03-30 17:34:44

オリジナル

2198 人が閲覧しました

この記事では、Magento2 モジュールにカスタム JS を追加する方法について説明します。手順も比較的明確なので、必要な方は参考にしてください。まず、自分で作成するか、3 番目に実行する手順を見てみましょう。パーティー JS ファイル

次の場所に独自のファイルを追加します:

<Vendor>/<Module_Name>/view/<area>/web/js/

ログイン後にコピー

例: <Vendor>/<Module_Name>/view/<area>/web/js/my.js

requirejs-config.js ファイルを追加して参照を設定します

それを

<Vendor>/<Module_Name>/view/<area>/

ログイン後にコピー

var config = {
    map: {
        '*': {
            myjs: 'VendorName_ModuleName/js/my'
        }
    }
};

ログイン後にコピー

ここで myjs は後で requirejs と呼ばれます

3. phtml テンプレートを変更します<Vendor>/<Module_Name>/view/<frontend>/requirejs-config.js

それから次のように呼び出すことができます

require(['jquery','myjs'],function($){
    //myjs functions
}

ログイン後にコピー

4. ディレクトリ構造

他の人の写真を借りる

Magento2 モジュールにカスタム JS を追加関連する推奨事項:

magento2 Web サイトの 100,000 SKU にはどのような構成が必要ですか?

Magento20でフロントページのパスプロンプト情報を設定するにはどうすればよいですか?

magento2 お支払い方法を追加お支払い方法

以上がMagento2 モジュールにカスタム JS を追加の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。