Magento2 模块下添加自定义JS

先看看要做的事

1.自己写的或第三方JS文件

如下位置下添加自己的文件：

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

例：<Vendor>/<Module_Name>/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中文网其它相关文章！