[英]Best Way to Have Webpack Manage Quirky AMD Defines
我正在使用使用AMD样式定义的超大型JS模块库(用于前端代码)。 它们通常如下所示:
define('TwitterModule', [
'vendor/jquery/jquery',
'vendor/moment/moment',
'vendor/jquery/jquery.ie.cors'
], function ($, moment) {
...
问题在于依赖项声明实际上并不表示依赖项在哪里。 如果没有目录解析魔术,它们将看起来像这样:
define('TwitterModule', [
__dirname + '/vendor/jquery/content/scripts/jquery',
__dirname + '/vendor/moment/content/scripts/moment',
__dirname + '/vendor/jquery/content/scripts/jquery.ie.cors'
], function ($, moment) {
...
因此,我试图找出解决这些目录问题的最干净方法。 即,定义根路径,还将'/ content / scripts'部分注入webpack接收的路径。 Webpack Resolve和Webpack Shims看起来可以解决这个问题,但是我正在寻找有经验的人提供一些反馈,这些人都具有解决奇怪的AMD定义的经验,以使我专注于最好的解决方案。
您是否无法在webpack配置的resolve
组中映射vendor
?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.