如何使用ES6导入插件？ （获取ReferenceError：未定义插件）

Question

试图把我的头围绕在Webpack上。 我能够设置它并使其工作（将我的脚本和样式组合得很好），但是我遇到了一个名为bLazy的延迟加载插件，我通过npm安装。 这是我定义为入口点的文件中的代码：

// Stylesheets

import './style.scss';

// Scripts

import 'salvattore'; 
import 'blazy'; 

var bLazy = new Blazy(); // This is the documented way to initialize bLazy.

我收到错误： Uncaught ReferenceError: Blazy is not defined 。 Salvatore插件，自我初始化，工作正常。 我也使用jQuery，但bLazy是用Javascript编写的，所以不应该有任何冲突的问题。

我究竟做错了什么？

+++ UPDATE +++

我改变了我提出问题的方式，因为显然它是关于ES6而不是Webpack，就像我认为的那样。

Answer 1

喜欢这个import Blazy from 'blazy'

Answer 2

在要导入的脚本中，您应该“导出”一个值，如下所示：

class Blazy {...}

export default Blazy;

然后在要使用它的脚本中，您需要“导入”此值：

import Blazy from './blazy'; // Note the path in quotes is relative to your current script file

let blazy = new Blazy();