如何将带有define()的js库与js库一起用作ES6模块?

时间:2019-04-11 10:02:02

标签: javascript ecmascript-6 requirejs es6-modules

我正在将javascript模块的一部分从jquery / requirejs转换为vanilla js / ES6 modules。使用的大多数库都有ES6 modules个替代方案。一个没有别的有意义的选择,因此它仍然使用define()作为其根函数。

我已将代码中的define()替换为import xx from '/node_modules/yy/zz.js',但尝试以此方式加载旧版库 '/node_modules/yy/zz.js' does not provide an export named 'default'

对此我有点菜鸟。我发现有类似systemjswebpack的加载程序,但是我无法从文档或从我发现它们是否正确的问题/答案中无法理解,也无法了解如何根据我们的情况设置它们(从基于define()的代码中导入基于ES6 modules的库)。

您如何建议处理此问题?我应该放在哪里?

PS:在生产环境中,我希望将包括库在内的脚本缩小并捆绑在一起(只要有意义)。尚未确定使用哪种中间件,请提出建议。整个服务很可能将由ASP.NET Core提供。我们在其他项目上使用BundleMinifier

PS:项目使用yarn的{​​{1}}定义和安装依赖项。

0 个答案:

没有答案