Rumah > hujung hadapan web > tutorial js > Magento2 模块下添加自定义JS

Magento2 模块下添加自定义JS

不言
Lepaskan: 2018-03-30 17:34:44
asal
2260 orang telah melayarinya

本篇文章给大家分享的是关于Magento2 模块下添加自定义JS ,步骤写的也是比较清晰,有需要的朋友可以参考一下

先看看要做的事

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

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

<Vendor>/<Module_Name>/view/<area>/web/js/
Salin selepas log masuk

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

2.配置文件

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

<Vendor>/<Module_Name>/view/<area>/
Salin selepas log masuk

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

var config = {
    map: {
        '*': {
            myjs: 'VendorName_ModuleName/js/my'
        }
    }
};
Salin selepas log masuk

这里myjs为后面requirejs调用

3.修改phtml模板

然后就可以这样调用了

require(['jquery','myjs'],function($){
    //myjs functions
}
Salin selepas log masuk

4.目录结构

借用别人的图

Magento2 模块下添加自定义JS


相关推荐:

magento2网站10万SKU 需要怎么样的配置?

Magento20 怎么设置前台页面的路径提示信息?

magento2 添加支付方式payment method

Atas ialah kandungan terperinci Magento2 模块下添加自定义JS . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan