如何在自定义webpack加载器中解析require字符串

时间:2015-09-03 18:42:46

标签: javascript webpack

我正在为webpack编写自定义加载程序。

在我的装载机中,我有一个这样的需求字符串:

"css!less!./myFile.less"

有没有办法获得已解决的请求的输出?

在应用所有加载器后,我正在寻找模块的输出。换句话说:

如何从上面的字符串中获取已编译的css?

我尝试在加载器上下文中使用this.resolve

this.resolve(this.context, "css!less!./myFile.less", function(err, result){
     // Best case scenario so far: 
     // result == "./myFile.less"

     // How do I get the css from myFile.less here? 
     // Is that even possible/the right way to get this?
});

但我似乎无法获得已解决的输出。 我可能做错了,我发现的关于此功能的唯一文档是:http://webpack.github.io/docs/loaders.html#resolve

1 个答案:

答案 0 :(得分:1)

有一种(迄今为止)未记录的方法:

this.loadModule(request, callback:function(err, source));

此方法将在调用回调之前加载模块并应用所有加载器。