Magento2 模塊下添加自定義JS

先看看要作的事html

1.本身寫的或第三方JS文件

以下位置下添加本身的文件:jquery

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

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

2.配置文件

添加requirejs-config.js文件,用於配置引用
添加到frontend

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

例:<Vendor>/<Module_Name>/view/<frontend>/requirejs-config.jsrequirejs

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

這裏myjs爲後面requirejs調用ui

3.修改phtml模板

而後就能夠這樣調用了spa

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

4.目錄結構

借用別人的圖code

clipboard.png

相關文章
相關標籤/搜索