刷8与Webpack 5:类别未定义

Question

我试着用斯威伯8和Webpack 5。

在Webpack配置中，我定义了两个入口点：

module.exports = {
    entry: {
        vendor: './vendor.js',
        frontend: './frontend.js',
    }
    ...
}

在vendor.js中，我导入了Swiper：

import 'swiper/scss';
import Swiper from 'swiper';

在frontend.js中，我导入了脚本文件：

import './custom.js'

不，我试图在我的custom.js中对斯威珀进行入侵：

const swiper = new Swiper('.swiper', {});

在这里，我收到一条错误消息：

Uncaught：未定义

在我的vendor.js文件中，我在frontend.js文件之前导入frontend.js。从理论上讲，斯威珀课程应该适合我。我做错了什么？

<script type="text/javascript" src="/dist/vendor.js"></script>
<script type="text/javascript" src="/dist/frontend.js"></script>

Answer 1

您将需要

import Swiper from 'swiper';

在您的custom.js中，因为即使在frontend.js中正确导入了它，也没有在custom.js中导入它，也没有在那里看到它。