变量是否可以作为参数传递给webpack加载器？

Question

我刚刚写了第二个webpack loader。这次我查看了通过传递给require的查询参数接受参数。现在我的公共API看起来像这样（的CoffeeScript）：

asset_url = require "../assets/eyes.gif?resize=150x150&to_webm=true" 

是require调用传递的原始资产路径加上一些参数。正如参数指示的那样，它会调整它并将其转换为webm，从而返回新的路径。

问题是Webpack需要静态requires。即，如果我把它更改为以下（再次，CoffeeScript的）：

params = "resize=150x150&to_webm=true" 
asset_url = require "../assets/eyes.gif?#{params}" 

随后的WebPack说Uncaught Error: Cannot find module "../assets"即使当我不使用一个变量工作完全正常。

那么，我的Webpack加载器仅限于这种传递参数的方式吗？尽管Webpack的功能非常先进，但这一方面看起来很原始。

Answer 1

Webpack静态分析您编译的CoffeeScript代码并寻找require调用。编译后的咖啡的代码看起来就像这样：

asset_url = require("../assets/eyes.gif?" + params) 

一般的WebPack创建一个背景下，当它看到一个参数require callsas described here但你可以看到它有没有在捆绑时间，所以它抛出一个猜你装载机参数的方式错误。