magento2模板与javascript-在指定页面引入js

上面的方法和之前的全局css文件类似，所有页面都将引入homepage.js文件
如果针对指定模块,应该怎么引入js呢？

requirejs方式配置并引入js：

新建文件：
app/design/frontend/Summer/green/Lyh_Banner/requirejs-config.js

app/design/frontend/Summer/green/Lyh_Banner/requirejs-config.js

var config = {
    paths: {
        'banner': 'js/banner/banner',
    },
    shim: {
        banner: {
            deps: ['jquery']
        }
    }
};
require(['jquery'], function($) {
    'use strict';
    $.noConflict();
});

 以上内容为requirejs配置js文件引入语法。
path: 定义别名 banner 对应的文件为 js/banner/banner.js（省略后缀名.js）
shim:指定依赖关系: banner对应path定义的别名banner,deps:指定依赖于jquery库。

新建banner.js
app/design/frontend/Summer/green/web/js/banner/banner.js

!(function($) {
    $(function(){
        alert('banner.js被引入!')
    })
})(jQuery);

模板引入banner:
app/design/frontend/Summer/green/Lyh_Banner/templates/widget/banner.phtml

<div>
    <button id='btn'>点击事件</button>
</div>
<script>
require([
        'jquery',
        'banner' //引入banner.js
], function($,banner) {
   $(function(){
   })
})
</script>

以上内容来自码小课-magento专区。