我正在将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'
。
对此我有点菜鸟。我发现有类似systemjs
或webpack
的加载程序,但是我无法从文档或从我发现它们是否正确的问题/答案中无法理解,也无法了解如何根据我们的情况设置它们(从基于define()
的代码中导入基于ES6 modules
的库)。
您如何建议处理此问题?我应该放在哪里?
PS:在生产环境中,我希望将包括库在内的脚本缩小并捆绑在一起(只要有意义)。尚未确定使用哪种中间件,请提出建议。整个服务很可能将由ASP.NET Core提供。我们在其他项目上使用BundleMinifier。
PS:项目使用yarn
的{{1}}定义和安装依赖项。