javascript - 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