Magento2 模块下添加自定义JS

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

先看看要做的事

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

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

//view//web/js/

登录后复制

例://view//web/js/my.js

2.配置文件

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

//view//

登录后复制

例://view//requirejs-config.js

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

登录后复制

这里myjs为后面requirejs调用

3.修改phtml模板

然后就可以这样调用了

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

登录后复制

4.目录结构

借用别人的图

Magento2 模块下添加自定义JS

相关推荐:

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

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

magento2 添加支付方式payment method

以上就是Magento2 模块下添加自定义JS 的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2777322.html

(0)
上一篇 2025年3月8日 15:04:33
下一篇 2025年3月8日 15:04:41

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • js实现模糊查询实例详解

    本文主要和大家分享jjs实现模糊查询实例详解,主要以代码的方式和大家分享,希望能帮助到大家。 1、简述 实现模糊查询方法有很多种,后端可以实现,前端使用js也可以实现。 后端实现起来需要根据输入框中搜索的关键字,去后台拼接SQL语句查询。 …

    编程技术 2025年3月8日
    200
  • Ajax加载JSon数据时数据内中文乱码怎么办

    这次给大家带来Ajax加载JSon数据时数据内中文乱码怎么办,解决Ajax加载JSon数据时数据内中文乱码的注意事项有哪些,下面就是实战案例,一起来看一下。 一、问题描述 使用zTree的异步刷新父级菜单时,服务器返回中文乱码,但项目中使用…

    编程技术 2025年3月8日
    200
  • 实用:快速定位前端界面交互JS代码

    本次的这篇文章主要是和大家分享了关于快速定位前端界面交互js代码 ,有需要的小伙伴可以看一下 后端同事问到怎么看这块交互的代码。 右键 UI, 检查元素,再右键元素打断点。 Break on: attribute modifications…

    2025年3月8日
    200
  • 基于vue.js和webpack的Chat示例

    本篇文章给大家分享了关于基于vue.js和webpack的chat示例 ,有感兴趣的小伙伴可以看一下这里的内容 todomvc看腻了,周末花时间做了一个基于Vue + Webpack构建的简单chat示例,聊天记录保存在localStorg…

    2025年3月8日
    200
  • vue 2 使用Bus.js实现非父子组件通信

    本篇文章将要和大家分享关于vue 2 使用bus.js实现非父子组件通信的方法,有需要的小伙伴可以参考一下 vue2中废弃了$dispatch和$broadcast广播和分发事件的方法。父子组件中可以用props和$emit()。如何实现非…

    编程技术 2025年3月8日
    200
  • JS实现JAVA的List功能

    本次的文章给大家分享了关于js实现java的list功能的代码,有兴趣的朋友可以看一下 function List(){    var list = new Array();    /* 添加元素 */    this.add = func…

    编程技术 2025年3月8日
    200
  • Javascript实现吸顶特效(代码示例)

    本篇文章给大家带来的内容是javascript实现吸顶特效(代码示例)。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 知识点 1.scroll家族和offset家族的结合运用 2.当nav的offsetTop大于屏幕卷去…

    2025年3月8日
    200
  • Ajax+node js multer做出文件上传的功能

    这次给大家带来Ajax+node js multer做出文件上传的功能,Ajax+node js multer做出文件上传的注意事项有哪些,下面就是实战案例,一起来看一下。 说明 作为一个node 初学者,最近在做一个聊天软件,支持注册、登…

    2025年3月8日
    200
  • js-笔记

    本篇文章给大家分享的就是一点js的笔记,有兴趣的朋友可以看一下 1、js会进行一次预编译处理; var a; if (!(“a” in window)) {    a = 1; } 登录后复制 alert(a); // undefined …

    编程技术 2025年3月8日
    200
  • Nuxt.js

    nuxt.js一个基于vue.js的服务端渲染应用框架,本篇文章给大家介绍的就是关于nuxt.js的详细内容,有需要的朋友可以看一下 Nuxt.js一个基于Vue.js的服务端渲染应用框架 Nuxt.js是什么? Nuxt.js是一个基于v…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论