繁体   English   中英

Webpack管理古怪的AMD的最佳方法

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM