javascript - 如何在ES6中导入 "old"ES5代码

Question

我有一个 ES6 应用程序(带有 Babel 6.5 和 Webpack)，它成功导入了我的模块，如下所示:

import $ from 'jquery';

我想安装https://github.com/robflaherty/riveted/blob/master/riveted.js (Google Analytics 的一个插件)，但正如你所看到的，代码中没有类似 module.exports = ... 的东西，它只定义了一个全局变量 riveted >，但它有一个明显有效的 package.json 指向 riveted.js。

所以做类似的事情

import riveted from 'riveted'
riveted.init();

抛出错误:

_riveted2.default.init is not a function

import riveted from 'riveted'
riveted.init();

import 'riveted'
riveted.init();

抛出错误:

riveted is not defined

import * as riveted from 'riveted'
riveted.init();

抛出错误:

riveted.init is not a function

如何访问 riveted 的 init() 函数？

Answer 1

您可以使用 webpack 导出加载器:

var riveted = require("exports?riveted!riveted")

参见the shiming modules overview了解详情