欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Magento2 引入外部js文件

程序员文章站 2024-02-18 15:20:46
...

1.创建web/js目录:

app/design/frontend/own_Namespace/own_Module/web/js/own_name.js

2.创建或修改requirejs-config.js:

app/design/frontend/own_Namespace/own_Module/requirejs-config.js

并将代码放置在requirejs-config.js中

var config = {
    map: {
        '*': {
            'swiper': 'Magento_Theme/js/swiper.min',
            'wow': 'Magento_Theme/js/wow.min',
        }
    }
};

3.使用reuqier.js调用:

<script>
    require(['jquery', 'swiper', 'wow'], function ($, swiper, wow) {
        $(function () {
            // you code
        })
    })
</script>

4.示例:
Magento2 引入外部js文件