javascript - webpack less文件单独打包出错

问题描述

{test: /.less$/, loader: 'style-loader!css-loader!less-loader' }

这样是打包到了头部，然而我想打包到一个独立的文件中，于是我改成

{test: /.less$/, loader:ExtractTextPlugin.extract('style-loader','css-loader','less-loader') }

打包出的样式相当于就是把less文件中的内容复制过来，我在less文件中的内容如下:

@color:yellow;html{ border:10px solid @color;}

打包出来的样式也是这样

@color:yellow;html{ border:10px solid @color;}

请问这是什么原因？

问题解答

看起来是 webpack1.x 的写法，可以参考一下 https://github.com/webpack-contrib/extract-text-webpack-plugin/blob/webpack-1/README.md