Javascript 为同一输入打包多个输出

Javascript 为同一输入打包多个输出,javascript,css,node.js,less,webpack,Javascript,Css,Node.js,Less,Webpack,我需要使用webpack处理所有.less文件(不能使用其他工具,如gulp,因为这些.less文件可能位于引用的npm模块中)。 我必须处理两次这些.less文件: 第一个转换:.less->删除所有动态规则->编译到css->保存到.css包 第二个转换:.less->删除所有静态规则->保存到.less捆绑包 下面是我正在尝试的配置: var cssExtract=new ExtractTextPlugin(“style/[name].bundle.css”,{allChunks:t

我需要使用webpack处理所有.less文件(不能使用其他工具,如gulp,因为这些.less文件可能位于引用的npm模块中)。 我必须处理两次这些.less文件:

  • 第一个转换:.less->删除所有动态规则->编译到css->保存到.css包
  • 第二个转换:.less->删除所有静态规则->保存到.less捆绑包
下面是我正在尝试的配置:

var cssExtract=new ExtractTextPlugin(“style/[name].bundle.css”,{allChunks:true});

var lessExtract=new ExtractTextPlugin(“style/[name].bundle.less”,{allChunks:true})您不能编写自己的节点构建脚本,然后将输出打包到Web包包中吗?Webpack很适合在客户端绑定代码和解析依赖项,但实际上不能作为构建工具使用。如果我这样做,我将重新实现Webpack的所有依赖项解析机制,以便查找引用的“.less”文件。