如何使用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();