如何使用ES6导入插件? (获取ReferenceError:未定义插件)

时间:2017-10-10 16:59:20

标签: javascript webpack

试图围绕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,就像我认为的那样。

2 个答案:

答案 0 :(得分:2)

喜欢这个 import Blazy from 'blazy'

答案 1 :(得分:1)

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

RestClient client = new RestClient();
client.BaseUrl = new Uri("https://myserver.com/MyWebAPI/" + "user?");
RestRequest request = new RestRequest();
request.AddQueryParameter("companysn", "12345");
request.AddQueryParameter("login", "MyLoginName");
request.AddQueryParameter("password", "MyPassword");
request.AddQueryParameter("ApiKey", "MyApiKey");
response = await client.ExecuteTaskAsync(request, new System.Threading.CancellationToken());

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

class Blazy {...}

export default Blazy;