webpack多个输出用于相同的输入

Question

我需要使用webpack处理所有.less文件（不能用gulp等其他工具来处理，因为那些.less文件可以在引用的npm模块中）。 我必须处理两次.less文件：

• 第一次转型：.less - ＆gt;删除所有动态规则 - ＆gt;编译成css - ＆gt;保存到.css包
• 第二次转型：.less - ＆gt;删除所有静态规则 - ＆gt;保存到.less bundle

这是我尝试做的配置：

＆＃13;

＆＃13;

var cssExtract = new ExtractTextPlugin("styles/[name].bundle.css", { allChunks: true });
var lessExtract = new ExtractTextPlugin("styles/[name].bundle.less", { allChunks: true });

＆＃13;

＆＃13;

＆＃13;

＆＃13;

＆＃13;

		module: {
			loaders: [

				{ test: /\.css/, loader: cssExtract.extract("style", "css") }, 
				
				{ test: /\.less$/, loader: lessExtract.extract("raw!less-theme") }, // dynamic less
				{ test: /\.less$/, loader: cssExtract.extract("style", "css!less!less-static") }, // static less
			

＆＃13;

＆＃13;

＆＃13;

如果我激活一个./.less$/测试它将完成这项工作，但我无法激活两个/.less$/测试（只会执行一个）。 以下是我的约束：

• 不想执行webpack两次，我不想要延长构建时间。
• 无法使用gulp或任何其他构建工具。因为我的项目引用了位于npm模块（node_modules）中的其他.less文件。