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

试图围绕Webpack包裹我的头。我能够设置它并使其工作（将我的脚本和样式结合起来），但是我遇到了一个名为bLazy的懒加载插件的麻烦，我通过npm安装了这个插件。以下是文件中的代码，我定义为切入点：我收到错误如何使用ES6导入插件？（获取ReferenceError：插件没有定义）

// 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。自动初始化的Salvattore插件工作正常。我也使用jQuery，但bLazy是用Javascript编写的，所以不应该有任何冲突的问题。

我在做什么错？

+++ UPDATE +++

我已经改变了我提出我的问题，因为显然它是关于ES6，而不是的WebPack，就像我以为是这样。

来源

2017-10-10 grazianodev

喜欢这个 import Blazy from 'blazy'

来源

2017-10-10 17:01:20

嘿，谢谢，这确实修复了错误。但是如果我必须通过一些论证呢？例如，我将如何翻译这个：'var bLazy = new Blazy（{selector：'.lazy'}）;' – grazianodev

您刚刚导入了整个类'Blazy'，其余代码保持不变。你自己'var bLazy = new Blazy（{selector：'.lazy'}）;' –

在脚本要导入你应该“出口”的值，就像这样：

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();

来源

2017-10-10 17:07:17 lankovova

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

回答

相关问题

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