Magento2 模組下新增自訂JS

這篇文章要跟大家分享的是關於Magento2 模組下加入自訂JS ，步驟寫的也是比較清晰，有需要的朋友可以參考一下

先看看要做的事

1.自己寫的或第三方JS檔案

如下位置下新增自己的檔案：

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

範例：//view/< area>/web/js/my.js

2.設定檔

新增requirejs-config.js文件，用於設定引用
新增到

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

例：<Vendor>/<Module_Name>/view/<frontend>/requirejs-config.js

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

這裡myjs為後面requirejs呼叫

##3 .修改phtml模板

然後就可以這樣呼叫了

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

4.目錄結構

借用別人的圖

相關推薦：

magento2網站10萬SKU 需要怎麼樣的設定？

Magento20 怎麼設定前台頁面的路徑提示資訊？

magento2 新增付款方式payment method

#

以上是Magento2 模組下新增自訂JS的詳細內容。更多資訊請關注PHP中文網其他相關文章！