接下来,我们引入一个外部js.
-
修改default_head_blocks.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>
<css src="css/styles-m.css"/>
<css src="css/styles-l.css" media="screen and (min-width: 768px)"/>
<css src="css/print.css" media="print"/>
<css src="css/overwrite.css" order="10000"/>
<script src="js/homepage/homepage.js"/>
</head>
</page>
-
我们添加了一行js引入的代码:
<script src="js/homepage/homepage.js"/>
新建js文件:
注意:我们这个js的位置不是在Banner目录下,而是外层的web目录下!
app/design/frontend/Summer/green/web/js/homepage/homepage.js
-
require(["jquery"], function ($) { alert('homepage.js被引入!') });
清除缓存 php bin/magento c:c
刷新首页测试:
码小课更多magneto学习内容: