如何在Webpack捆绑包之外实例化类？

在Webpack捆绑包之外实例化类可以通过以下步骤实现：

1. 首先，确保你的类定义是可导出的。在类的定义文件中使用export关键字将类导出。
2. 在需要实例化类的文件中，使用import关键字引入类的定义。例如，如果类定义文件名为MyClass.js，可以使用以下语句引入类：import MyClass from './MyClass';
3. 在Webpack配置文件中，使用externals属性将类的定义排除在捆绑包之外。在配置文件中添加以下代码：module.exports = { // 其他配置项... externals: { './MyClass': 'MyClass', }, };
4. 确保在HTML文件中引入了类的定义文件。例如，如果类定义文件名为MyClass.js，可以在HTML文件中添加以下代码：<script src="MyClass.js"></script>
5. 在需要实例化类的JavaScript文件中，通过全局变量MyClass来实例化类。例如：const myInstance = new MyClass();

这样，Webpack在打包时会将类的定义排除在捆绑包之外，而在运行时通过全局变量来实例化类。这种方法适用于需要在Webpack捆绑包之外使用类的情况，例如在使用第三方库或在多个页面中共享类的实例。