当前位置: 技术文章>> 如何在Magento 2中所有页面的前端添加JS文件

文章标题:如何在Magento 2中所有页面的前端添加JS文件
  • 文章分类: Magento
  • 17492 阅读
系统学习magento二次开发,推荐小册:《Magento中文全栈二次开发 》

本小册面向Magento2以上版本,书代码及示例兼容magento2.0-2.4版本。涵盖了magento前端开发,后端开发,magento2主题,magento2重写,magento2 layout,magento2控制器,magento2 block等相关内容,带领您成为magento开发技术专家。


在Magento 2中所有页面的前端添加JS文件的步骤:

第 1 步:首先,您需要创建默认值.xml在app\code\[Vendor]\[Module]\view\frontend\layout\default.xml

<?xml version="1.0"?>
 
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
 
    <head>
 
    <link src="[Vendor]_[Module]::js/js_fileName.js"/>
 
    </head>
 
</page>

第 2 步:现在,在app\code\[Vendor]\[Module]\view\frontend\web\js\js_fileName.js创建JS文件

第 3 步:实现安装程序升级命令和设置:静态内容:部署命令,用于为Magento 2商店的所有页面实现JS文件


推荐文章