問題描述

{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