无论如何在webpack中将一些动态参数传递给loader?

时间:2017-05-10 07:14:19

标签: webpack

例如

在Webpack中

const query = {text: "test"};
require(`template/test.tpl?${query}`);

如您所知,webpack可以将句子视为在运行时运行的动态需求。但我需要在构建时运行require('template/test.tpl?${query}');

有没有办法做到这一点?

PS:

https://webpack.js.org/concepts/loaders/#via-require

Options can be passed with a query parameter, just like on the web (?key=value&foo=bar). It's also possible to use a JSON object (?{"key":"value","foo":"bar"}).

似乎查询参数必须是文字的,是否可以变量?

感谢您的阅读。

2 个答案:

答案 0 :(得分:0)

您可以使用imports-loader将一些参数传递给文件:

https://webpack.js.org/loaders/imports-loader/

require("imports-loader?$=jquery!./example.js");

关于对象,您始终可以使用JSON.stringify在加载的文件中传递对象和JSON.parse。

答案 1 :(得分:0)

行, 看起来不可能, webpack的所有者回答了以下问题: https://github.com/webpack/webpack/issues/2992