webpack less文件单独打包出错

Question

{
        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;
}

请问这是什么原因？

Answer 1

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